Variáveis CSS
:root {
--c-earthy-1: #3E1A23;
--c-earthy-2: #7B5332;
--c-earthy-3: #F69B3A;
--c-earthy-4: #D72836;
--c-earthy-5: #25392E;
--c-earthy-6: #338433;
--c-earthy-7: #F6F68F;
--c-earthy-8: #3F9E70;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Milan (#F6F68F), o tom mais claro, até Black-Hearted (#3E1A23), o mais escuro. Ela reúne Black-Hearted, Pheasant Brown, Chat Orange, Chi-Gong, Palm Green, Lush Paradise, Milan e Ocean Green em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #3E1A23 sobre #F6F68F, com 13,43: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
6 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.