Startseite Farbpaletten Palette „Sawgrass Cottage“ mit 4 Farben

Palette „Sawgrass Cottage“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sawgrass Cottage“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Analog

Likes 17.429

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #1A120B;
  --c-earthy-2: #3C2A21;
  --c-earthy-3: #D5CEA3;
  --c-earthy-4: #E5E5CB;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Yellow Phosphenes (#E5E5CB) bis zum dunkelsten Ton Crowshead (#1A120B). Sie vereint Crowshead, Bistre, Sawgrass Cottage und Yellow Phosphenes in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A120B auf #E5E5CB mit 14,45: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

Crowshead #1A120B

RGB: rgb(26, 18, 11)
HSL: hsl(28, 41%, 7%)
Luminanz: 0,007

Bistre #3C2A21

RGB: rgb(60, 42, 33)
HSL: hsl(20, 29%, 18%)
Luminanz: 0,027

Sawgrass Cottage #D5CEA3

RGB: rgb(213, 206, 163)
HSL: hsl(52, 37%, 74%)
Luminanz: 0,609

Yellow Phosphenes #E5E5CB

RGB: rgb(229, 229, 203)
HSL: hsl(60, 33%, 85%)
Luminanz: 0,770

Kontrast & Barrierefreiheit

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

Aa #1A120B auf #E5E5CB 14,45:1 AAA

Aa #1A120B auf #D5CEA3 11,62:1 AAA

Aa #3C2A21 auf #E5E5CB 10,61:1 AAA

Aa #3C2A21 auf #D5CEA3 8,53:1 AAA

Aa #1A120B auf #3C2A21 1,36:1 Nicht bestanden

Aa #D5CEA3 auf #E5E5CB 1,24:1 Nicht bestanden

Palette „Sawgrass Cottage“ mit 4 Farben