Variáveis CSS
:root {
--c-earthy-1: #9C4660;
--c-earthy-2: #D15656;
--c-earthy-3: #C28574;
--c-earthy-4: #EBA278;
--c-earthy-5: #FAC68E;
--c-earthy-6: #FAEFE3;
--c-earthy-7: #3E4B73;
--c-earthy-8: #408F76;
--c-earthy-9: #63D6BB;
}
Sobre esta paleta
Esta paleta terrosa de 9 cores vai de Anemone White (#FAEFE3), o tom mais claro, até Takaka (#3E4B73), o mais escuro. Ela reúne Velvet Wine, Spiced Coral, Argyle Rose, Mexican Standoff, Sicilian Villa, Anemone White, Takaka, Perky e Jamaican Jade em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FAEFE3 sobre #3E4B73, com 7,53: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
4 de 36 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.