Dark Autumn

Palette mit 9 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Dark Autumn

Palette mit 9 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Erdig 9 Farben Warm Dunkel Analog

Likes 21

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #26140A;
  --c-earthy-2: #4A2626;
  --c-earthy-3: #5D4447;
  --c-earthy-4: #AF5823;
  --c-earthy-5: #B46F24;
  --c-earthy-6: #808123;
  --c-earthy-7: #627344;
  --c-earthy-8: #747F74;
  --c-earthy-9: #968A70;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Tawny Owl (#968A70) bis zum dunkelsten Ton Cannon Black (#26140A). Sie vereint Cannon Black, New Bulgarian Rose, Huckleberry, Autumnal, Hardy Clay, Trendy Green, Grass Blade, Harbour Rat und Tawny Owl in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #26140A auf #968A70 mit 5,2: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

Cannon Black #26140A

RGB: rgb(38, 20, 10)
HSL: hsl(21, 58%, 9%)
Luminanz: 0,009

New Bulgarian Rose #4A2626

RGB: rgb(74, 38, 38)
HSL: hsl(0, 32%, 22%)
Luminanz: 0,030

Huckleberry #5D4447

RGB: rgb(93, 68, 71)
HSL: hsl(353, 16%, 32%)
Luminanz: 0,069

Autumnal #AF5823

RGB: rgb(175, 88, 35)
HSL: hsl(23, 67%, 41%)
Luminanz: 0,162

Hardy Clay #B46F24

RGB: rgb(180, 111, 36)
HSL: hsl(31, 67%, 42%)
Luminanz: 0,212

Trendy Green #808123

RGB: rgb(128, 129, 35)
HSL: hsl(61, 57%, 32%)
Luminanz: 0,204

Grass Blade #627344

RGB: rgb(98, 115, 68)
HSL: hsl(82, 26%, 36%)
Luminanz: 0,153

Harbour Rat #747F74

RGB: rgb(116, 127, 116)
HSL: hsl(120, 5%, 48%)
Luminanz: 0,202

Tawny Owl #968A70

RGB: rgb(150, 138, 112)
HSL: hsl(41, 15%, 51%)
Luminanz: 0,258

Kontrast & Barrierefreiheit

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

Aa #26140A auf #968A70 5,20:1 AA

Aa #26140A auf #B46F24 4,41:1 AA (großer Text)

Aa #26140A auf #808123 4,28:1 AA (großer Text)

Aa #26140A auf #747F74 4,24:1 AA (großer Text)

Aa #4A2626 auf #968A70 3,86:1 AA (großer Text)

Aa #26140A auf #AF5823 3,57:1 AA (großer Text)

Aa #26140A auf #627344 3,42:1 AA (großer Text)

Aa #4A2626 auf #B46F24 3,28:1 AA (großer Text)

Aa #4A2626 auf #808123 3,18:1 AA (großer Text)

Aa #4A2626 auf #747F74 3,15:1 AA (großer Text)

Aa #4A2626 auf #AF5823 2,66:1 Nicht bestanden

Aa #5D4447 auf #968A70 2,59:1 Nicht bestanden

Aa #4A2626 auf #627344 2,54:1 Nicht bestanden

Aa #5D4447 auf #B46F24 2,20:1 Nicht bestanden

Aa #5D4447 auf #808123 2,13:1 Nicht bestanden

Aa #5D4447 auf #747F74 2,11:1 Nicht bestanden

Aa #26140A auf #5D4447 2,01:1 Nicht bestanden

Aa #5D4447 auf #AF5823 1,78:1 Nicht bestanden

Aa #5D4447 auf #627344 1,70:1 Nicht bestanden

Aa #627344 auf #968A70 1,52:1 Nicht bestanden

Aa #4A2626 auf #5D4447 1,49:1 Nicht bestanden

Aa #AF5823 auf #968A70 1,45:1 Nicht bestanden

Aa #26140A auf #4A2626 1,35:1 Nicht bestanden

Aa #B46F24 auf #627344 1,29:1 Nicht bestanden

Aa #808123 auf #627344 1,25:1 Nicht bestanden

Aa #627344 auf #747F74 1,24:1 Nicht bestanden

Aa #AF5823 auf #B46F24 1,23:1 Nicht bestanden

Aa #747F74 auf #968A70 1,23:1 Nicht bestanden

Aa #808123 auf #968A70 1,21:1 Nicht bestanden

Aa #AF5823 auf #808123 1,20:1 Nicht bestanden

Aa #AF5823 auf #747F74 1,19:1 Nicht bestanden

Aa #B46F24 auf #968A70 1,18:1 Nicht bestanden

Aa #AF5823 auf #627344 1,05:1 Nicht bestanden

Aa #B46F24 auf #747F74 1,04:1 Nicht bestanden

Aa #B46F24 auf #808123 1,03:1 Nicht bestanden

Aa #808123 auf #747F74 1,01:1 Nicht bestanden

Dark Autumn

Dark Autumn

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen