CSS-Variablen
:root {
--c-earthy-1: #D5B093;
--c-earthy-2: #CA9A57;
--c-earthy-3: #A76B24;
--c-earthy-4: #72411B;
--c-earthy-5: #3C1402;
--c-earthy-6: #A77652;
--c-earthy-7: #6D5A44;
--c-earthy-8: #4E3D3F;
--c-earthy-9: #342523;
--c-earthy-10: #000000;
}
Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Mellow Buff (#D5B093) bis zum dunkelsten Ton Black (#000000). Sie vereint Mellow Buff, Sugar Glazed Cashew, Theatre Gold, Walnut, American Bronze, Balthasar Gold, Baby Bear, Crater Brown, Hornblende und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D5B093 auf #000000 mit 10,46: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
9 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.