CA8

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

Zurück zur Bibliothek

CA8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog black blue purple brown

Likes 33

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1C1211;
  --c-earthy-2: #602A39;
  --c-earthy-3: #3C3530;
  --c-earthy-4: #8B5A40;
  --c-earthy-5: #B6876B;
  --c-earthy-6: #8899A5;
  --c-earthy-7: #BBC07A;
  --c-earthy-8: #F5E9D9;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Saltbox (#F5E9D9) bis zum dunkelsten Ton Scandinavian Liquorice (#1C1211). Sie vereint Scandinavian Liquorice, Windsor Wine, Kilimanjaro, Hope Chest, Red Gravel, Hamilton Blue, Pine Glade und Saltbox in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C1211 auf #F5E9D9 mit 15,33: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

Scandinavian Liquorice #1C1211

RGB: rgb(28, 18, 17)
HSL: hsl(5, 24%, 9%)
Luminanz: 0,007

Windsor Wine #602A39

RGB: rgb(96, 42, 57)
HSL: hsl(343, 39%, 27%)
Luminanz: 0,044

Kilimanjaro #3C3530

RGB: rgb(60, 53, 48)
HSL: hsl(25, 11%, 21%)
Luminanz: 0,037

Hope Chest #8B5A40

RGB: rgb(139, 90, 64)
HSL: hsl(21, 37%, 40%)
Luminanz: 0,132

Red Gravel #B6876B

RGB: rgb(182, 135, 107)
HSL: hsl(22, 34%, 57%)
Luminanz: 0,283

Hamilton Blue #8899A5

RGB: rgb(136, 153, 165)
HSL: hsl(205, 14%, 59%)
Luminanz: 0,307

Pine Glade #BBC07A

RGB: rgb(187, 192, 122)
HSL: hsl(64, 36%, 62%)
Luminanz: 0,497

Saltbox #F5E9D9

RGB: rgb(245, 233, 217)
HSL: hsl(34, 58%, 91%)
Luminanz: 0,827

Kontrast & Barrierefreiheit

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

Aa #1C1211 auf #F5E9D9 15,33:1 AAA

Aa #3C3530 auf #F5E9D9 10,06:1 AAA

Aa #1C1211 auf #BBC07A 9,56:1 AAA

Aa #602A39 auf #F5E9D9 9,29:1 AAA

Aa #3C3530 auf #BBC07A 6,27:1 AA

Aa #1C1211 auf #8899A5 6,25:1 AA

Aa #1C1211 auf #B6876B 5,83:1 AA

Aa #602A39 auf #BBC07A 5,79:1 AA

Aa #8B5A40 auf #F5E9D9 4,83:1 AA

Aa #3C3530 auf #8899A5 4,10:1 AA (großer Text)

Aa #3C3530 auf #B6876B 3,82:1 AA (großer Text)

Aa #602A39 auf #8899A5 3,79:1 AA (großer Text)

Aa #602A39 auf #B6876B 3,53:1 AA (großer Text)

Aa #1C1211 auf #8B5A40 3,18:1 AA (großer Text)

Aa #8B5A40 auf #BBC07A 3,01:1 AA (großer Text)

Aa #B6876B auf #F5E9D9 2,63:1 Nicht bestanden

Aa #8899A5 auf #F5E9D9 2,45:1 Nicht bestanden

Aa #3C3530 auf #8B5A40 2,08:1 Nicht bestanden

Aa #8B5A40 auf #8899A5 1,97:1 Nicht bestanden

Aa #602A39 auf #8B5A40 1,93:1 Nicht bestanden

Aa #8B5A40 auf #B6876B 1,83:1 Nicht bestanden

Aa #1C1211 auf #602A39 1,65:1 Nicht bestanden

Aa #B6876B auf #BBC07A 1,64:1 Nicht bestanden

Aa #BBC07A auf #F5E9D9 1,60:1 Nicht bestanden

Aa #8899A5 auf #BBC07A 1,53:1 Nicht bestanden

Aa #1C1211 auf #3C3530 1,52:1 Nicht bestanden

Aa #602A39 auf #3C3530 1,08:1 Nicht bestanden

Aa #B6876B auf #8899A5 1,07:1 Nicht bestanden

CA8

CA8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen