CSS-Variablen
:root {
--c-earthy-1: #2C272D;
--c-earthy-2: #EDEFFC;
--c-earthy-3: #F7EB37;
--c-earthy-4: #444A9E;
--c-earthy-5: #F77924;
--c-earthy-6: #DA4980;
--c-earthy-7: #9F9F9D;
--c-earthy-8: #EE9FBF;
--c-earthy-9: #83B14F;
}
Über diese Palette
Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Carte Blanche (#EDEFFC) bis zum dunkelsten Ton Black Onyx (#2C272D). Sie vereint Black Onyx, Carte Blanche, Banana Bombshell, Galaxy Express, Sun Orange, Pickled Pink, Mortar Grey, Prism Pink und Savoy 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 #2C272D auf #EDEFFC mit 12,79: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.