Variáveis CSS
:root {
--c-earthy-1: #131315;
--c-earthy-2: #4A5381;
--c-earthy-3: #B96F5A;
--c-earthy-4: #DADADA;
--c-earthy-5: #343651;
--c-earthy-6: #644338;
--c-earthy-7: #4C9453;
--c-earthy-8: #CAB17A;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Porpoise (#DADADA), o tom mais claro, até Kettle Black (#131315), o mais escuro. Ela reúne Kettle Black, Mozart, Spiced, Porpoise, Tiě Hēi Metal, Brunette, Ineffable Forest e Roasted Pistachio em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #131315 sobre #DADADA, com 13,27: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
8 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.