CSS-Variablen
:root {
--c-earthy-1: #140F2D;
--c-earthy-2: #D72638;
--c-earthy-3: #995A77;
--c-earthy-4: #3F88C5;
--c-earthy-5: #B1D080;
--c-earthy-6: #D9F7E7;
--c-earthy-7: #C7E873;
--c-earthy-8: #83A17E;
--c-earthy-9: #B05DA9;
--c-earthy-10: #3E5A89;
}
Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Diluted Mint (#D9F7E7) bis zum dunkelsten Ton Spanish Roast (#140F2D). Sie vereint Spanish Roast, Red-Handed, Rose Wine, Casting Sea, Davao Green, Diluted Mint, Venomous Sting, Grey Green, Royalty Loyalty und Delft in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #140F2D auf #D9F7E7 mit 16,21: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 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.