Variáveis CSS
:root {
--c-earthy-1: #291E16;
--c-earthy-2: #403531;
--c-earthy-3: #473C36;
--c-earthy-4: #D9C1B4;
--c-earthy-5: #F0E0D6;
--c-earthy-6: #D9AC84;
--c-earthy-7: #8C593B;
--c-earthy-8: #702F3E;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Ginger Cream (#F0E0D6), o tom mais claro, até Tetsu-Guro Black (#291E16), o mais escuro. Ela reúne Tetsu-Guro Black, Bloodstone, Delicioso, Regal, Ginger Cream, Porcini, Brushwood e Chestnut Red em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 13 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #291E16 sobre #F0E0D6, com 12,65: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
13 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.