CSS-Variablen
:root {
--c-earthy-1: #EFC8E2;
--c-earthy-2: #D5AA59;
--c-earthy-3: #8D7731;
--c-earthy-4: #525E38;
--c-earthy-5: #243E2C;
--c-earthy-6: #8EA7B6;
--c-earthy-7: #7D6F7B;
--c-earthy-8: #875834;
--c-earthy-9: #404E49;
--c-earthy-10: #4E4035;
}
Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Venetian Rose (#EFC8E2) bis zum dunkelsten Ton Palm Green (#243E2C). Sie vereint Venetian Rose, Afghan Sand, Aubergine Green, Shallot Leaf, Palm Green, Blue Skylights, Plum Shadow, Burnt Crust, Corduroy und Paco in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EFC8E2 auf #243E2C mit 7,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
7 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.