Variáveis CSS
:root {
--c-earthy-1: #A64848;
--c-earthy-2: #E96464;
--c-earthy-3: #CDB195;
--c-earthy-4: #EBCCAE;
--c-earthy-5: #C6C9BD;
--c-earthy-6: #ECF0DA;
--c-earthy-7: #383857;
--c-earthy-8: #5254B1;
--c-earthy-9: #5B6EE1;
--c-earthy-10: #639BFF;
}
Sobre esta paleta
Esta paleta terrosa de 10 cores vai de Memoir (#ECF0DA), o tom mais claro, até Magic Night (#383857), o mais escuro. Ela reúne Royal Rum, Coral Commander, Beige Ganesh, Sandpoint, Dust Green, Memoir, Magic Night, Brandywine Raspberry, Thick Blue e Blue Chaos em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #ECF0DA sobre #383857, com 9,64: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 45 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.