Dead Grass

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

Zurück zur Bibliothek

Dead Grass

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Analog green 6 yellow brown

Likes 10

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #482208;
  --c-earthy-2: #6E451D;
  --c-earthy-3: #99944B;
  --c-earthy-4: #9EC24F;
  --c-earthy-5: #D7DE7E;
  --c-earthy-6: #E9EDD2;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Just Perfect (#E9EDD2) bis zum dunkelsten Ton Chocolate Castle (#482208). Sie vereint Chocolate Castle, Antique Brass, Tangy Dill, Pesto Genovese, Carolina Parakeet und Just Perfect in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #482208 auf #E9EDD2 mit 11,61: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

Chocolate Castle #482208

RGB: rgb(72, 34, 8)
HSL: hsl(24, 80%, 16%)
Luminanz: 0,025

Antique Brass #6E451D

RGB: rgb(110, 69, 29)
HSL: hsl(30, 58%, 27%)
Luminanz: 0,077

Tangy Dill #99944B

RGB: rgb(153, 148, 75)
HSL: hsl(56, 34%, 45%)
Luminanz: 0,285

Pesto Genovese #9EC24F

RGB: rgb(158, 194, 79)
HSL: hsl(79, 49%, 54%)
Luminanz: 0,464

Carolina Parakeet #D7DE7E

RGB: rgb(215, 222, 126)
HSL: hsl(64, 59%, 68%)
Luminanz: 0,682

Just Perfect #E9EDD2

RGB: rgb(233, 237, 210)
HSL: hsl(69, 43%, 88%)
Luminanz: 0,826

Kontrast & Barrierefreiheit

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

Aa #482208 auf #E9EDD2 11,61:1 AAA

Aa #482208 auf #D7DE7E 9,71:1 AAA

Aa #6E451D auf #E9EDD2 6,92:1 AA

Aa #482208 auf #9EC24F 6,82:1 AA

Aa #6E451D auf #D7DE7E 5,78:1 AA

Aa #482208 auf #99944B 4,44:1 AA (großer Text)

Aa #6E451D auf #9EC24F 4,06:1 AA (großer Text)

Aa #6E451D auf #99944B 2,64:1 Nicht bestanden

Aa #99944B auf #E9EDD2 2,62:1 Nicht bestanden

Aa #99944B auf #D7DE7E 2,19:1 Nicht bestanden

Aa #9EC24F auf #E9EDD2 1,70:1 Nicht bestanden

Aa #482208 auf #6E451D 1,68:1 Nicht bestanden

Aa #99944B auf #9EC24F 1,54:1 Nicht bestanden

Aa #9EC24F auf #D7DE7E 1,42:1 Nicht bestanden

Aa #D7DE7E auf #E9EDD2 1,20:1 Nicht bestanden

Dead Grass

Dead Grass

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen