Variáveis CSS
:root {
--c-earthy-1: #744E44;
--c-earthy-2: #4C4437;
--c-earthy-3: #898278;
--c-earthy-4: #C7C5BC;
--c-earthy-5: #91AE86;
--c-earthy-6: #E7EBC5;
}
Sobre esta paleta
Esta paleta terrosa de 6 cores vai de Green Essence (#E7EBC5), o tom mais claro, até Peppercorn Rent (#4C4437), o mais escuro. Ela reúne Leather Clutch, Peppercorn Rent, Elephant Skin, Notre Dame, Pear Cactus e Green Essence em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #4C4437 sobre #E7EBC5, com 7,8: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 15 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.