Bobbleheads

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

Zurück zur Bibliothek

Bobbleheads

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog pixelart black red warm

Likes 25

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #EAD7AE;
  --c-earthy-2: #C0BB9D;
  --c-earthy-3: #9C9178;
  --c-earthy-4: #3C412A;
  --c-earthy-5: #191F10;
  --c-earthy-6: #B86A6F;
  --c-earthy-7: #9A5126;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Rousseau Gold (#EAD7AE) bis zum dunkelsten Ton Nightmare (#191F10). Sie vereint Rousseau Gold, Good to Grow, Grassy Savannah, Deep Seaweed, Nightmare, Dusky Rose und Panela in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EAD7AE auf #191F10 mit 11,91: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

Rousseau Gold #EAD7AE

RGB: rgb(234, 215, 174)
HSL: hsl(41, 59%, 80%)
Luminanz: 0,692

Good to Grow #C0BB9D

RGB: rgb(192, 187, 157)
HSL: hsl(51, 22%, 68%)
Luminanz: 0,492

Grassy Savannah #9C9178

RGB: rgb(156, 145, 120)
HSL: hsl(42, 15%, 54%)
Luminanz: 0,287

Deep Seaweed #3C412A

RGB: rgb(60, 65, 42)
HSL: hsl(73, 21%, 21%)
Luminanz: 0,049

Nightmare #191F10

RGB: rgb(25, 31, 16)
HSL: hsl(84, 32%, 9%)
Luminanz: 0,012

Dusky Rose #B86A6F

RGB: rgb(184, 106, 111)
HSL: hsl(356, 35%, 57%)
Luminanz: 0,217

Panela #9A5126

RGB: rgb(154, 81, 38)
HSL: hsl(22, 60%, 38%)
Luminanz: 0,129

Kontrast & Barrierefreiheit

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

Aa #EAD7AE auf #191F10 11,91:1 AAA

Aa #C0BB9D auf #191F10 8,71:1 AAA

Aa #EAD7AE auf #3C412A 7,48:1 AAA

Aa #C0BB9D auf #3C412A 5,47:1 AA

Aa #9C9178 auf #191F10 5,41:1 AA

Aa #191F10 auf #B86A6F 4,28:1 AA (großer Text)

Aa #EAD7AE auf #9A5126 4,14:1 AA (großer Text)

Aa #9C9178 auf #3C412A 3,40:1 AA (großer Text)

Aa #C0BB9D auf #9A5126 3,03:1 AA (großer Text)

Aa #191F10 auf #9A5126 2,88:1 Nicht bestanden

Aa #EAD7AE auf #B86A6F 2,78:1 Nicht bestanden

Aa #3C412A auf #B86A6F 2,69:1 Nicht bestanden

Aa #EAD7AE auf #9C9178 2,20:1 Nicht bestanden

Aa #C0BB9D auf #B86A6F 2,03:1 Nicht bestanden

Aa #9C9178 auf #9A5126 1,88:1 Nicht bestanden

Aa #3C412A auf #9A5126 1,81:1 Nicht bestanden

Aa #C0BB9D auf #9C9178 1,61:1 Nicht bestanden

Aa #3C412A auf #191F10 1,59:1 Nicht bestanden

Aa #B86A6F auf #9A5126 1,49:1 Nicht bestanden

Aa #EAD7AE auf #C0BB9D 1,37:1 Nicht bestanden

Aa #9C9178 auf #B86A6F 1,26:1 Nicht bestanden

Bobbleheads

Bobbleheads

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen