CSS-Variablen
:root {
--c-earthy-1: #40241F;
--c-earthy-2: #703448;
--c-earthy-3: #A43627;
--c-earthy-4: #0B0F1F;
--c-earthy-5: #034229;
--c-earthy-6: #2D5C15;
--c-earthy-7: #749211;
--c-earthy-8: #3EAE62;
--c-earthy-9: #D58863;
--c-earthy-10: #F3D597;
}
Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Igniting (#F3D597) bis zum dunkelsten Ton Tristesse (#0B0F1F). Sie vereint Woodsy Brown, Cabernet Craving, Jaipur, Tristesse, Lost in the Woods, Bright Nori, Luminescent Green, Artificial Turf, King Salmon und Igniting in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0B0F1F auf #F3D597 mit 13,4: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
11 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.