Autumn Skies

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

Zurück zur Bibliothek

Autumn Skies

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Analog green orange red jimison3

Likes 50

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #512A22;
  --c-earthy-2: #8E4231;
  --c-earthy-3: #A45337;
  --c-earthy-4: #CA873D;
  --c-earthy-5: #DFA750;
  --c-earthy-6: #7D6A39;
  --c-earthy-7: #3F4932;
  --c-earthy-8: #303524;
  --c-earthy-9: #202016;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Mellowed Gold (#DFA750) bis zum dunkelsten Ton Black Mesa (#202016). Sie vereint Bitter Chocolate, Burnt Henna, Truffle Trouble, Peru, Mellowed Gold, Musket, Rifle Green, Fuchsia Berries und Black Mesa in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DFA750 auf #202016 mit 7,64: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

Bitter Chocolate #512A22

RGB: rgb(81, 42, 34)
HSL: hsl(10, 41%, 23%)
Luminanz: 0,035

Burnt Henna #8E4231

RGB: rgb(142, 66, 49)
HSL: hsl(11, 49%, 37%)
Luminanz: 0,099

Truffle Trouble #A45337

RGB: rgb(164, 83, 55)
HSL: hsl(15, 50%, 43%)
Luminanz: 0,144

Peru #CA873D

RGB: rgb(202, 135, 61)
HSL: hsl(31, 57%, 52%)
Luminanz: 0,302

Mellowed Gold #DFA750

RGB: rgb(223, 167, 80)
HSL: hsl(37, 69%, 59%)
Luminanz: 0,439

Musket #7D6A39

RGB: rgb(125, 106, 57)
HSL: hsl(43, 37%, 36%)
Luminanz: 0,150

Rifle Green #3F4932

RGB: rgb(63, 73, 50)
HSL: hsl(86, 19%, 24%)
Luminanz: 0,061

Fuchsia Berries #303524

RGB: rgb(48, 53, 36)
HSL: hsl(78, 19%, 17%)
Luminanz: 0,033

Black Mesa #202016

RGB: rgb(32, 32, 22)
HSL: hsl(60, 19%, 11%)
Luminanz: 0,014

Kontrast & Barrierefreiheit

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

Aa #DFA750 auf #202016 7,64:1 AAA

Aa #DFA750 auf #303524 5,89:1 AA

Aa #512A22 auf #DFA750 5,74:1 AA

Aa #CA873D auf #202016 5,51:1 AA

Aa #DFA750 auf #3F4932 4,42:1 AA (großer Text)

Aa #CA873D auf #303524 4,24:1 AA (großer Text)

Aa #512A22 auf #CA873D 4,13:1 AA (großer Text)

Aa #8E4231 auf #DFA750 3,29:1 AA (großer Text)

Aa #CA873D auf #3F4932 3,19:1 AA (großer Text)

Aa #7D6A39 auf #202016 3,12:1 AA (großer Text)

Aa #A45337 auf #202016 3,03:1 AA (großer Text)

Aa #A45337 auf #DFA750 2,53:1 Nicht bestanden

Aa #DFA750 auf #7D6A39 2,45:1 Nicht bestanden

Aa #7D6A39 auf #303524 2,40:1 Nicht bestanden

Aa #8E4231 auf #CA873D 2,37:1 Nicht bestanden

Aa #512A22 auf #7D6A39 2,34:1 Nicht bestanden

Aa #A45337 auf #303524 2,33:1 Nicht bestanden

Aa #8E4231 auf #202016 2,32:1 Nicht bestanden

Aa #512A22 auf #A45337 2,27:1 Nicht bestanden

Aa #A45337 auf #CA873D 1,82:1 Nicht bestanden

Aa #7D6A39 auf #3F4932 1,81:1 Nicht bestanden

Aa #8E4231 auf #303524 1,79:1 Nicht bestanden

Aa #CA873D auf #7D6A39 1,76:1 Nicht bestanden

Aa #512A22 auf #8E4231 1,75:1 Nicht bestanden

Aa #A45337 auf #3F4932 1,75:1 Nicht bestanden

Aa #3F4932 auf #202016 1,73:1 Nicht bestanden

Aa #CA873D auf #DFA750 1,39:1 Nicht bestanden

Aa #8E4231 auf #3F4932 1,35:1 Nicht bestanden

Aa #8E4231 auf #7D6A39 1,34:1 Nicht bestanden

Aa #512A22 auf #202016 1,33:1 Nicht bestanden

Aa #3F4932 auf #303524 1,33:1 Nicht bestanden

Aa #512A22 auf #3F4932 1,30:1 Nicht bestanden

Aa #8E4231 auf #A45337 1,30:1 Nicht bestanden

Aa #303524 auf #202016 1,30:1 Nicht bestanden

Aa #512A22 auf #303524 1,03:1 Nicht bestanden

Aa #A45337 auf #7D6A39 1,03:1 Nicht bestanden

Autumn Skies

Autumn Skies

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen