CSS-Variablen
:root {
--c-vibrant-1: #F2EEF1;
--c-vibrant-2: #FFA7BF;
--c-vibrant-3: #EC7D9B;
--c-vibrant-4: #E64667;
--c-vibrant-5: #A02552;
--c-vibrant-6: #75024D;
--c-vibrant-7: #2C0F30;
--c-vibrant-8: #E18434;
--c-vibrant-9: #FFA01B;
--c-vibrant-10: #FFBD20;
}
Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Precious Pearls (#F2EEF1) bis zum dunkelsten Ton Dark Prom Queen (#2C0F30). Sie vereint Precious Pearls, Amélie’s Tutu, Pink Carnation, Rouge Red, Cherries Jubilee, Velvet, Dark Prom Queen, Kanafeh, Phoenix Flames und Incandescence 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 #F2EEF1 auf #2C0F30 mit 15:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Kontrast & Barrierefreiheit
11 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.