Variáveis CSS
:root {
--c-earthy-1: #E6D996;
--c-earthy-2: #FCCBCB;
--c-earthy-3: #78B3D6;
--c-earthy-4: #D86969;
--c-earthy-5: #4F7969;
--c-earthy-6: #DEE3E2;
--c-earthy-7: #4B372C;
}
Sobre esta paleta
Esta paleta terrosa de 7 cores vai de Zircon (#DEE3E2), o tom mais claro, até Peat Moss (#4B372C), o mais escuro. Ela reúne Subtle Sunshine, Elegant Light Rose, Meadow Blossom Blue, Red Geranium, Double Jeopardy, Zircon e Peat Moss em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #DEE3E2 sobre #4B372C, com 8,6: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
4 de 21 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.