CSS-Variablen
:root {
--c-vibrant-1: #FFD7D7;
--c-vibrant-2: #F0A6A6;
--c-vibrant-3: #FF708B;
--c-vibrant-4: #CD5981;
--c-vibrant-5: #824882;
--c-vibrant-6: #B26E9B;
--c-vibrant-7: #DD94D2;
--c-vibrant-8: #EBCBEB;
}
Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton We Peep (#FFD7D7) bis zum dunkelsten Ton Vibrant Orchid (#824882). Sie vereint We Peep, Calabrese, Blush Hour, Lipstick, Vibrant Orchid, Mulberry Bush, Crepe Myrtle und Bubblegum Crisis in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFD7D7 auf #824882 mit 4,99:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Kontrast & Barrierefreiheit
1 von 28 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.