Cookie

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

Zurück zur Bibliothek

Cookie

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Monochrom gray red cute brown

Likes 24

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #D2C6BA;
  --c-earthy-2: #BD8061;
  --c-earthy-3: #B2685B;
  --c-earthy-4: #66403D;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Gravelstone (#D2C6BA) bis zum dunkelsten Ton Mecca Red (#66403D). Sie vereint Gravelstone, Sundial, Henna Shade und Mecca Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D2C6BA auf #66403D mit 5,3: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

Gravelstone #D2C6BA

RGB: rgb(210, 198, 186)
HSL: hsl(30, 21%, 78%)
Luminanz: 0,576

Sundial #BD8061

RGB: rgb(189, 128, 97)
HSL: hsl(20, 41%, 56%)
Luminanz: 0,271

Henna Shade #B2685B

RGB: rgb(178, 104, 91)
HSL: hsl(9, 36%, 53%)
Luminanz: 0,201

Mecca Red #66403D

RGB: rgb(102, 64, 61)
HSL: hsl(4, 25%, 32%)
Luminanz: 0,068

Kontrast & Barrierefreiheit

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

Aa #D2C6BA auf #66403D 5,30:1 AA

Aa #BD8061 auf #66403D 2,72:1 Nicht bestanden

Aa #D2C6BA auf #B2685B 2,49:1 Nicht bestanden

Aa #B2685B auf #66403D 2,12:1 Nicht bestanden

Aa #D2C6BA auf #BD8061 1,95:1 Nicht bestanden

Aa #BD8061 auf #B2685B 1,28:1 Nicht bestanden

Cookie

Cookie

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen