Variáveis CSS
:root {
--c-muted-1: #040C06;
--c-muted-2: #112318;
--c-muted-3: #1E3A29;
--c-muted-4: #305D42;
--c-muted-5: #4D8061;
--c-muted-6: #89A257;
--c-muted-7: #BEDC7F;
--c-muted-8: #EEFFCC;
}
Sobre esta paleta
Esta paleta sóbria de 8 cores vai de Snowdrop (#EEFFCC), o tom mais claro, até Whiten’t (#040C06), o mais escuro. Ela reúne Whiten’t, Black Emerald, Palm Green, Emerald Temple, Sports Field Green, Yanagizome Green, Pancotto Pugliese e Snowdrop em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 10 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #040C06 sobre #EEFFCC, com 18,68: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
10 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.