CSS-Variablen
:root {
--c-vibrant-1: #49223F;
--c-vibrant-2: #CC2B46;
--c-vibrant-3: #F37E7E;
--c-vibrant-4: #E7A794;
--c-vibrant-5: #FBF1D1;
--c-vibrant-6: #F6CDA3;
--c-vibrant-7: #CA833C;
--c-vibrant-8: #8A4646;
--c-vibrant-9: #538F5A;
--c-vibrant-10: #B4ACCC;
}
Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Picture Perfect (#FBF1D1) bis zum dunkelsten Ton Prestige Mauve (#49223F). Sie vereint Prestige Mauve, Demonic Kiss, Meat, Ageless Beauty, Picture Perfect, Lion Cub, Peru, Forbidden Red, Middle Green und Lavender Dream 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 #49223F auf #FBF1D1 mit 11,75:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.