Cozy Tones

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Cozy Tones

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär green orange warm pastel

Likes 59

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #4D0F32;
  --c-earthy-2: #E3DE88;
  --c-earthy-3: #76BD5E;
  --c-earthy-4: #234A57;
  --c-earthy-5: #280A33;
  --c-earthy-6: #B35F47;
  --c-earthy-7: #5C9974;
  --c-earthy-8: #080826;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Dead Grass (#E3DE88) bis zum dunkelsten Ton Mysterious Depths (#080826). Sie vereint Blackberry, Dead Grass, Green Pear, Night Swim, Middle Red Purple, Ginger Spice, Memphis Green und Mysterious Depths 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 #E3DE88 auf #080826 mit 14,04: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

Blackberry #4D0F32

RGB: rgb(77, 15, 50)
HSL: hsl(326, 67%, 18%)
Luminanz: 0,022

Dead Grass #E3DE88

RGB: rgb(227, 222, 136)
HSL: hsl(57, 62%, 71%)
Luminanz: 0,704

Green Pear #76BD5E

RGB: rgb(118, 189, 94)
HSL: hsl(105, 42%, 55%)
Luminanz: 0,411

Night Swim #234A57

RGB: rgb(35, 74, 87)
HSL: hsl(195, 43%, 24%)
Luminanz: 0,059

Middle Red Purple #280A33

RGB: rgb(40, 10, 51)
HSL: hsl(284, 67%, 12%)
Luminanz: 0,009

Ginger Spice #B35F47

RGB: rgb(179, 95, 71)
HSL: hsl(13, 43%, 49%)
Luminanz: 0,182

Memphis Green #5C9974

RGB: rgb(92, 153, 116)
HSL: hsl(144, 25%, 48%)
Luminanz: 0,263

Mysterious Depths #080826

RGB: rgb(8, 8, 38)
HSL: hsl(240, 65%, 9%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #E3DE88 auf #080826 14,04:1 AAA

Aa #E3DE88 auf #280A33 12,76:1 AAA

Aa #4D0F32 auf #E3DE88 10,54:1 AAA

Aa #76BD5E auf #080826 8,58:1 AAA

Aa #76BD5E auf #280A33 7,80:1 AAA

Aa #E3DE88 auf #234A57 6,89:1 AA

Aa #4D0F32 auf #76BD5E 6,44:1 AA

Aa #5C9974 auf #080826 5,84:1 AA

Aa #280A33 auf #5C9974 5,30:1 AA

Aa #4D0F32 auf #5C9974 4,38:1 AA (großer Text)

Aa #B35F47 auf #080826 4,33:1 AA (großer Text)

Aa #76BD5E auf #234A57 4,21:1 AA (großer Text)

Aa #280A33 auf #B35F47 3,93:1 AA (großer Text)

Aa #4D0F32 auf #B35F47 3,25:1 AA (großer Text)

Aa #E3DE88 auf #B35F47 3,24:1 AA (großer Text)

Aa #234A57 auf #5C9974 2,86:1 Nicht bestanden

Aa #E3DE88 auf #5C9974 2,41:1 Nicht bestanden

Aa #234A57 auf #B35F47 2,12:1 Nicht bestanden

Aa #234A57 auf #080826 2,04:1 Nicht bestanden

Aa #76BD5E auf #B35F47 1,98:1 Nicht bestanden

Aa #234A57 auf #280A33 1,85:1 Nicht bestanden

Aa #E3DE88 auf #76BD5E 1,64:1 Nicht bestanden

Aa #4D0F32 auf #234A57 1,53:1 Nicht bestanden

Aa #76BD5E auf #5C9974 1,47:1 Nicht bestanden

Aa #B35F47 auf #5C9974 1,35:1 Nicht bestanden

Aa #4D0F32 auf #080826 1,33:1 Nicht bestanden

Aa #4D0F32 auf #280A33 1,21:1 Nicht bestanden

Aa #280A33 auf #080826 1,10:1 Nicht bestanden

Cozy Tones

Cozy Tones

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen