CSS-Variablen
:root {
--c-earthy-1: #541B3C;
--c-earthy-2: #802040;
--c-earthy-3: #A04040;
--c-earthy-4: #C06040;
--c-earthy-5: #E0E080;
--c-earthy-6: #A0C040;
--c-earthy-7: #60A040;
--c-earthy-8: #206040;
--c-earthy-9: #103040;
}
Über diese Palette
Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Crescendo (#E0E080) bis zum dunkelsten Ton NATO Blue (#103040). Sie vereint Tulip Poplar Purple, Beet Red, Burning Bush, Deep Fire, Crescendo, In the Tropics, Calm Balm, Greenbriar und NATO Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E0E080 auf #103040 mit 9,97: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
Kontrast & Barrierefreiheit
8 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.