Spec12

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Spec12

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 12 Farben Warm Gemischt Triadisch artist smalls

Likes 11

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #0F0808;
  --c-earthy-2: #918C89;
  --c-earthy-3: #D6D9D0;
  --c-earthy-4: #D9D15D;
  --c-earthy-5: #DB6E3B;
  --c-earthy-6: #A82D2D;
  --c-earthy-7: #781C26;
  --c-earthy-8: #8ED959;
  --c-earthy-9: #32BA3B;
  --c-earthy-10: #2F63BD;
  --c-earthy-11: #30188F;
  --c-earthy-12: #D9BE93;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Blizzard Fog (#D6D9D0) bis zum dunkelsten Ton Chyornyi Black (#0F0808). Sie vereint Chyornyi Black, Mourning Dove, Blizzard Fog, Matcha, Field Poppy, Très Bien, Jazzy Red, Lilliputian Lime, Try Your Luck, Blue Streak, Indiglow und Del Sol Maize in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0F0808 auf #D6D9D0 mit 13,88: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

Chyornyi Black #0F0808

RGB: rgb(15, 8, 8)
HSL: hsl(0, 30%, 5%)
Luminanz: 0,003

Mourning Dove #918C89

RGB: rgb(145, 140, 137)
HSL: hsl(23, 4%, 55%)
Luminanz: 0,266

Blizzard Fog #D6D9D0

RGB: rgb(214, 217, 208)
HSL: hsl(80, 11%, 83%)
Luminanz: 0,685

Matcha #D9D15D

RGB: rgb(217, 209, 93)
HSL: hsl(56, 62%, 61%)
Luminanz: 0,611

Field Poppy #DB6E3B

RGB: rgb(219, 110, 59)
HSL: hsl(19, 69%, 55%)
Luminanz: 0,265

Très Bien #A82D2D

RGB: rgb(168, 45, 45)
HSL: hsl(0, 58%, 42%)
Luminanz: 0,104

Jazzy Red #781C26

RGB: rgb(120, 28, 38)
HSL: hsl(353, 62%, 29%)
Luminanz: 0,050

Lilliputian Lime #8ED959

RGB: rgb(142, 217, 89)
HSL: hsl(95, 63%, 60%)
Luminanz: 0,561

Try Your Luck #32BA3B

RGB: rgb(50, 186, 59)
HSL: hsl(124, 58%, 46%)
Luminanz: 0,361

Blue Streak #2F63BD

RGB: rgb(47, 99, 189)
HSL: hsl(218, 60%, 46%)
Luminanz: 0,132

Indiglow #30188F

RGB: rgb(48, 24, 143)
HSL: hsl(252, 71%, 33%)
Luminanz: 0,033

Del Sol Maize #D9BE93

RGB: rgb(217, 190, 147)
HSL: hsl(37, 48%, 71%)
Luminanz: 0,537

Kontrast & Barrierefreiheit

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

Aa #0F0808 auf #D6D9D0 13,88:1 AAA

Aa #0F0808 auf #D9D15D 12,50:1 AAA

Aa #0F0808 auf #8ED959 11,54:1 AAA

Aa #0F0808 auf #D9BE93 11,09:1 AAA

Aa #D6D9D0 auf #30188F 8,89:1 AAA

Aa #D9D15D auf #30188F 8,00:1 AAA

Aa #0F0808 auf #32BA3B 7,77:1 AAA

Aa #8ED959 auf #30188F 7,39:1 AAA

Aa #D6D9D0 auf #781C26 7,37:1 AAA

Aa #30188F auf #D9BE93 7,10:1 AAA

Aa #D9D15D auf #781C26 6,64:1 AA

Aa #781C26 auf #8ED959 6,13:1 AA

Aa #0F0808 auf #918C89 5,97:1 AA

Aa #0F0808 auf #DB6E3B 5,96:1 AA

Aa #781C26 auf #D9BE93 5,89:1 AA

Aa #32BA3B auf #30188F 4,97:1 AA

Aa #D6D9D0 auf #A82D2D 4,77:1 AA

Aa #D9D15D auf #A82D2D 4,30:1 AA (großer Text)

Aa #781C26 auf #32BA3B 4,13:1 AA (großer Text)

Aa #D6D9D0 auf #2F63BD 4,04:1 AA (großer Text)

Aa #A82D2D auf #8ED959 3,97:1 AA (großer Text)

Aa #918C89 auf #30188F 3,82:1 AA (großer Text)

Aa #DB6E3B auf #30188F 3,81:1 AA (großer Text)

Aa #A82D2D auf #D9BE93 3,81:1 AA (großer Text)

Aa #D9D15D auf #2F63BD 3,63:1 AA (großer Text)

Aa #0F0808 auf #2F63BD 3,44:1 AA (großer Text)

Aa #8ED959 auf #2F63BD 3,36:1 AA (großer Text)

Aa #2F63BD auf #D9BE93 3,22:1 AA (großer Text)

Aa #918C89 auf #781C26 3,17:1 AA (großer Text)

Aa #DB6E3B auf #781C26 3,16:1 AA (großer Text)

Aa #0F0808 auf #A82D2D 2,91:1 Nicht bestanden

Aa #A82D2D auf #32BA3B 2,67:1 Nicht bestanden

Aa #918C89 auf #D6D9D0 2,33:1 Nicht bestanden

Aa #D6D9D0 auf #DB6E3B 2,33:1 Nicht bestanden

Aa #32BA3B auf #2F63BD 2,26:1 Nicht bestanden

Aa #2F63BD auf #30188F 2,20:1 Nicht bestanden

Aa #D9D15D auf #DB6E3B 2,10:1 Nicht bestanden

Aa #918C89 auf #D9D15D 2,09:1 Nicht bestanden

Aa #918C89 auf #A82D2D 2,05:1 Nicht bestanden

Aa #DB6E3B auf #A82D2D 2,05:1 Nicht bestanden

Aa #DB6E3B auf #8ED959 1,94:1 Nicht bestanden

Aa #918C89 auf #8ED959 1,93:1 Nicht bestanden

Aa #0F0808 auf #781C26 1,88:1 Nicht bestanden

Aa #918C89 auf #D9BE93 1,86:1 Nicht bestanden

Aa #DB6E3B auf #D9BE93 1,86:1 Nicht bestanden

Aa #A82D2D auf #30188F 1,86:1 Nicht bestanden

Aa #781C26 auf #2F63BD 1,83:1 Nicht bestanden

Aa #D6D9D0 auf #32BA3B 1,79:1 Nicht bestanden

Aa #918C89 auf #2F63BD 1,74:1 Nicht bestanden

Aa #DB6E3B auf #2F63BD 1,73:1 Nicht bestanden

Aa #D9D15D auf #32BA3B 1,61:1 Nicht bestanden

Aa #0F0808 auf #30188F 1,56:1 Nicht bestanden

Aa #A82D2D auf #781C26 1,54:1 Nicht bestanden

Aa #8ED959 auf #32BA3B 1,49:1 Nicht bestanden

Aa #32BA3B auf #D9BE93 1,43:1 Nicht bestanden

Aa #918C89 auf #32BA3B 1,30:1 Nicht bestanden

Aa #DB6E3B auf #32BA3B 1,30:1 Nicht bestanden

Aa #D6D9D0 auf #D9BE93 1,25:1 Nicht bestanden

Aa #781C26 auf #30188F 1,21:1 Nicht bestanden

Aa #D6D9D0 auf #8ED959 1,20:1 Nicht bestanden

Aa #A82D2D auf #2F63BD 1,18:1 Nicht bestanden

Aa #D9D15D auf #D9BE93 1,13:1 Nicht bestanden

Aa #D6D9D0 auf #D9D15D 1,11:1 Nicht bestanden

Aa #D9D15D auf #8ED959 1,08:1 Nicht bestanden

Aa #8ED959 auf #D9BE93 1,04:1 Nicht bestanden

Aa #918C89 auf #DB6E3B 1,00:1 Nicht bestanden

Spec12

Spec12

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen