EcoAction

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

Zurück zur Bibliothek

EcoAction

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Triadisch green natural nature planet

Likes 42

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #352429;
  --c-earthy-2: #493641;
  --c-earthy-3: #423D4D;
  --c-earthy-4: #4D5966;
  --c-earthy-5: #667F59;
  --c-earthy-6: #88985B;
  --c-earthy-7: #D8CEAE;
  --c-earthy-8: #F0F0E4;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Fog White (#F0F0E4) bis zum dunkelsten Ton Aubergine (#352429). Sie vereint Aubergine, Vincotto, Italian Grape, Rogue Blue, Silver Willow Green, Vesuvian Green, Cotswold Dill und Fog White 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 #352429 auf #F0F0E4 mit 12,74: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

Aubergine #352429

RGB: rgb(53, 36, 41)
HSL: hsl(342, 19%, 17%)
Luminanz: 0,022

Vincotto #493641

RGB: rgb(73, 54, 65)
HSL: hsl(325, 15%, 25%)
Luminanz: 0,044

Italian Grape #423D4D

RGB: rgb(66, 61, 77)
HSL: hsl(259, 12%, 27%)
Luminanz: 0,050

Rogue Blue #4D5966

RGB: rgb(77, 89, 102)
HSL: hsl(211, 14%, 35%)
Luminanz: 0,097

Silver Willow Green #667F59

RGB: rgb(102, 127, 89)
HSL: hsl(99, 18%, 42%)
Luminanz: 0,187

Vesuvian Green #88985B

RGB: rgb(136, 152, 91)
HSL: hsl(76, 25%, 48%)
Luminanz: 0,285

Cotswold Dill #D8CEAE

RGB: rgb(216, 206, 174)
HSL: hsl(46, 35%, 76%)
Luminanz: 0,618

Fog White #F0F0E4

RGB: rgb(240, 240, 228)
HSL: hsl(60, 29%, 92%)
Luminanz: 0,865

Kontrast & Barrierefreiheit

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

Aa #352429 auf #F0F0E4 12,74:1 AAA

Aa #493641 auf #F0F0E4 9,69:1 AAA

Aa #352429 auf #D8CEAE 9,30:1 AAA

Aa #423D4D auf #F0F0E4 9,12:1 AAA

Aa #493641 auf #D8CEAE 7,08:1 AAA

Aa #423D4D auf #D8CEAE 6,66:1 AA

Aa #4D5966 auf #F0F0E4 6,23:1 AA

Aa #352429 auf #88985B 4,66:1 AA

Aa #4D5966 auf #D8CEAE 4,55:1 AA

Aa #667F59 auf #F0F0E4 3,85:1 AA (großer Text)

Aa #493641 auf #88985B 3,54:1 AA (großer Text)

Aa #423D4D auf #88985B 3,33:1 AA (großer Text)

Aa #352429 auf #667F59 3,30:1 AA (großer Text)

Aa #667F59 auf #D8CEAE 2,82:1 Nicht bestanden

Aa #88985B auf #F0F0E4 2,73:1 Nicht bestanden

Aa #493641 auf #667F59 2,51:1 Nicht bestanden

Aa #423D4D auf #667F59 2,37:1 Nicht bestanden

Aa #4D5966 auf #88985B 2,28:1 Nicht bestanden

Aa #352429 auf #4D5966 2,05:1 Nicht bestanden

Aa #88985B auf #D8CEAE 2,00:1 Nicht bestanden

Aa #4D5966 auf #667F59 1,62:1 Nicht bestanden

Aa #493641 auf #4D5966 1,56:1 Nicht bestanden

Aa #423D4D auf #4D5966 1,46:1 Nicht bestanden

Aa #667F59 auf #88985B 1,41:1 Nicht bestanden

Aa #352429 auf #423D4D 1,40:1 Nicht bestanden

Aa #D8CEAE auf #F0F0E4 1,37:1 Nicht bestanden

Aa #352429 auf #493641 1,31:1 Nicht bestanden

Aa #493641 auf #423D4D 1,06:1 Nicht bestanden

EcoAction

EcoAction

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen