Variáveis CSS
:root {
--c-earthy-1: #061F36;
--c-earthy-2: #63504A;
--c-earthy-3: #BB7D65;
--c-earthy-4: #E5C5A8;
--c-earthy-5: #BAB89E;
--c-earthy-6: #909680;
--c-earthy-7: #6D7769;
}
Sobre esta paleta
Esta paleta terrosa de 7 cores vai de Pumpkin Cream (#E5C5A8), o tom mais claro, até Cyanophobia (#061F36), o mais escuro. Ela reúne Cyanophobia, Chocolate Pretzel, Autumn’s Hill, Pumpkin Cream, Court Green, Veranda Green e Fir Spruce Green em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #061F36 sobre #E5C5A8, com 10,25: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
5 de 21 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.