CSS-Variablen
:root {
--c-earthy-1: #FFF2DE;
--c-earthy-2: #E0C9BC;
--c-earthy-3: #C7A197;
--c-earthy-4: #BA7B77;
--c-earthy-5: #AD4C4C;
--c-earthy-6: #9E192B;
--c-earthy-7: #573870;
--c-earthy-8: #2F2180;
--c-earthy-9: #00004D;
}
Über diese Palette
Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Pale Pearl (#FFF2DE) bis zum dunkelsten Ton Night Blue (#00004D). Sie vereint Pale Pearl, Pale Sienna, Raspberry Kahlua, Wild Party, Red Leather, Cut Ruby, Loden Purple, Blue Royale und Night Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF2DE auf #00004D mit 17,17: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
12 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.