Variáveis CSS
:root {
--c-earthy-1: #503141;
--c-earthy-2: #8B4057;
--c-earthy-3: #AE7847;
--c-earthy-4: #CAA75A;
--c-earthy-5: #CED1A6;
--c-earthy-6: #95A598;
--c-earthy-7: #677381;
--c-earthy-8: #565162;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de True to You (#CED1A6), o tom mais claro, até Velvet Touch (#503141), o mais escuro. Ela reúne Velvet Touch, Umemurasaki Purple, Meerkat, Excitable, True to You, Olive Soap, Flintstone e Illusionist em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #503141 sobre #CED1A6, com 7,16:1.
Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.
Análise das cores
Contraste e acessibilidade
3 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.