Variáveis CSS
:root {
--c-earthy-1: #1A080E;
--c-earthy-2: #3D203B;
--c-earthy-3: #543246;
--c-earthy-4: #773A4D;
--c-earthy-5: #A75252;
--c-earthy-6: #CF7862;
--c-earthy-7: #FFCE9C;
}
Sobre esta paleta
Esta paleta terrosa de 7 cores vai de Melon Sprinkle (#FFCE9C), o tom mais claro, até Noir Fiction (#1A080E), o mais escuro. Ela reúne Noir Fiction, Kokimurasaki Purple, Blackberry Tart, July Ruby, Red Rock, Terra Orange e Melon Sprinkle em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1A080E sobre #FFCE9C, com 13,42: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
5 de 21 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.