Variáveis CSS
:root {
--c-vibrant-1: #7D0C91;
--c-vibrant-2: #F6DD7A;
--c-vibrant-3: #E27DB3;
--c-vibrant-4: #BB2646;
--c-vibrant-5: #FCAF28;
--c-vibrant-6: #908405;
}
Sobre esta paleta
Esta paleta vibrante de 6 cores vai de Club-Mate (#F6DD7A), o tom mais claro, até Chinese Purple (#7D0C91), o mais escuro. Ela reúne Chinese Purple, Club-Mate, Fuchsia Blush, Hot Hibiscus, Sunshine Surprise e Thicket Green em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #7D0C91 sobre #F6DD7A, com 6,66:1.
Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.
Análise das cores
Contraste e acessibilidade
2 de 15 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.