Variáveis CSS
:root {
--c-muted-1: #3A1D4E;
--c-muted-2: #34122D;
--c-muted-3: #2B0C17;
--c-muted-4: #230806;
--c-muted-5: #7098FF;
--c-muted-6: #3D3BA9;
--c-muted-7: #25154C;
--c-muted-8: #1A0F34;
--c-muted-9: #0B0818;
}
Sobre esta paleta
Esta paleta sóbria de 9 cores vai de Punch Out Glove (#7098FF), o tom mais claro, até Not Tonight (#0B0818), o mais escuro. Ela reúne Obsidian Orchid, Cultist Robe, Dark Danger, Root Brew, Punch Out Glove, Purple Cabbage, Silent Orbit, Midnight Monarch e Not Tonight em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #7098FF sobre #0B0818, com 7,18: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
7 de 36 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.