Test (trash)

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Test (trash)

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 4 Farben Warm Gemischt Analog gameboy 2bit mushroom nature

Likes 10

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #F1EEE3;
  --c-earthy-2: #CCC2B8;
  --c-earthy-3: #B34750;
  --c-earthy-4: #4D0F40;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Atrium White (#F1EEE3) bis zum dunkelsten Ton Velvet Cosmos (#4D0F40). Sie vereint Atrium White, Heritage Grey, Winterberry Frost und Velvet Cosmos in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1EEE3 auf #4D0F40 mit 12,4:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Atrium White #F1EEE3

RGB: rgb(241, 238, 227)
HSL: hsl(47, 33%, 92%)
Luminanz: 0,854

Heritage Grey #CCC2B8

RGB: rgb(204, 194, 184)
HSL: hsl(30, 16%, 76%)
Luminanz: 0,549

Winterberry Frost #B34750

RGB: rgb(179, 71, 80)
HSL: hsl(355, 43%, 49%)
Luminanz: 0,147

Velvet Cosmos #4D0F40

RGB: rgb(77, 15, 64)
HSL: hsl(313, 67%, 18%)
Luminanz: 0,023

Kontrast & Barrierefreiheit

3 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #F1EEE3 auf #4D0F40 12,40:1 AAA

Aa #CCC2B8 auf #4D0F40 8,21:1 AAA

Aa #F1EEE3 auf #B34750 4,60:1 AA

Aa #CCC2B8 auf #B34750 3,04:1 AA (großer Text)

Aa #B34750 auf #4D0F40 2,70:1 Nicht bestanden

Aa #F1EEE3 auf #CCC2B8 1,51:1 Nicht bestanden

Test (trash)

Test (trash)

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen