Autumn Berry

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

Zurück zur Bibliothek

Autumn Berry

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär green red purple yellow

Likes 24

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #750E1B;
  --c-earthy-2: #632E34;
  --c-earthy-3: #9F534E;
  --c-earthy-4: #9C663B;
  --c-earthy-5: #40604C;
  --c-earthy-6: #8DA879;
  --c-earthy-7: #BFB471;
  --c-earthy-8: #83588A;
  --c-earthy-9: #7B3557;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Kohlrabi (#BFB471) bis zum dunkelsten Ton Heavy Heart (#750E1B). Sie vereint Heavy Heart, Chocolate Truffle, Bravado Red, Ginger Dy, Windy Pine, Moss Candy, Kohlrabi, Purple Fluorite und Possessed Plum in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #750E1B auf #BFB471 mit 5,44: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

Heavy Heart #750E1B

RGB: rgb(117, 14, 27)
HSL: hsl(352, 79%, 26%)
Luminanz: 0,042

Chocolate Truffle #632E34

RGB: rgb(99, 46, 52)
HSL: hsl(353, 37%, 28%)
Luminanz: 0,049

Bravado Red #9F534E

RGB: rgb(159, 83, 78)
HSL: hsl(4, 34%, 46%)
Luminanz: 0,141

Ginger Dy #9C663B

RGB: rgb(156, 102, 59)
HSL: hsl(27, 45%, 42%)
Luminanz: 0,169

Windy Pine #40604C

RGB: rgb(64, 96, 76)
HSL: hsl(143, 20%, 31%)
Luminanz: 0,100

Moss Candy #8DA879

RGB: rgb(141, 168, 121)
HSL: hsl(94, 21%, 57%)
Luminanz: 0,351

Kohlrabi #BFB471

RGB: rgb(191, 180, 113)
HSL: hsl(52, 38%, 60%)
Luminanz: 0,449

Purple Fluorite #83588A

RGB: rgb(131, 88, 138)
HSL: hsl(292, 22%, 44%)
Luminanz: 0,136

Possessed Plum #7B3557

RGB: rgb(123, 53, 87)
HSL: hsl(331, 40%, 35%)
Luminanz: 0,075

Kontrast & Barrierefreiheit

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

Aa #750E1B auf #BFB471 5,44:1 AA

Aa #632E34 auf #BFB471 5,06:1 AA

Aa #750E1B auf #8DA879 4,36:1 AA (großer Text)

Aa #632E34 auf #8DA879 4,06:1 AA (großer Text)

Aa #BFB471 auf #7B3557 4,01:1 AA (großer Text)

Aa #40604C auf #BFB471 3,33:1 AA (großer Text)

Aa #8DA879 auf #7B3557 3,22:1 AA (großer Text)

Aa #BFB471 auf #83588A 2,68:1 Nicht bestanden

Aa #40604C auf #8DA879 2,67:1 Nicht bestanden

Aa #9F534E auf #BFB471 2,61:1 Nicht bestanden

Aa #750E1B auf #9C663B 2,39:1 Nicht bestanden

Aa #9C663B auf #BFB471 2,28:1 Nicht bestanden

Aa #632E34 auf #9C663B 2,22:1 Nicht bestanden

Aa #8DA879 auf #83588A 2,15:1 Nicht bestanden

Aa #9F534E auf #8DA879 2,10:1 Nicht bestanden

Aa #750E1B auf #9F534E 2,08:1 Nicht bestanden

Aa #750E1B auf #83588A 2,03:1 Nicht bestanden

Aa #632E34 auf #9F534E 1,94:1 Nicht bestanden

Aa #632E34 auf #83588A 1,89:1 Nicht bestanden

Aa #9C663B auf #8DA879 1,83:1 Nicht bestanden

Aa #9C663B auf #7B3557 1,76:1 Nicht bestanden

Aa #750E1B auf #40604C 1,63:1 Nicht bestanden

Aa #9F534E auf #7B3557 1,54:1 Nicht bestanden

Aa #632E34 auf #40604C 1,52:1 Nicht bestanden

Aa #83588A auf #7B3557 1,50:1 Nicht bestanden

Aa #9C663B auf #40604C 1,46:1 Nicht bestanden

Aa #750E1B auf #7B3557 1,36:1 Nicht bestanden

Aa #9F534E auf #40604C 1,28:1 Nicht bestanden

Aa #632E34 auf #7B3557 1,26:1 Nicht bestanden

Aa #8DA879 auf #BFB471 1,25:1 Nicht bestanden

Aa #40604C auf #83588A 1,24:1 Nicht bestanden

Aa #40604C auf #7B3557 1,20:1 Nicht bestanden

Aa #9C663B auf #83588A 1,17:1 Nicht bestanden

Aa #9F534E auf #9C663B 1,15:1 Nicht bestanden

Aa #750E1B auf #632E34 1,07:1 Nicht bestanden

Aa #9F534E auf #83588A 1,03:1 Nicht bestanden

Autumn Berry

Autumn Berry

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen