Variáveis CSS
:root {
--c-earthy-1: #FFDA71;
--c-earthy-2: #D0A047;
--c-earthy-3: #E8B08E;
--c-earthy-4: #BA877F;
--c-earthy-5: #7F425A;
--c-earthy-6: #3E2542;
}
Sobre esta paleta
Esta paleta terrosa de 6 cores vai de Golden Butter (#FFDA71), o tom mais claro, até Aubergine Mauve (#3E2542), o mais escuro. Ela reúne Golden Butter, Chipmunk, Ancient Inca, Red Clover, Cheerful Wine e Aubergine Mauve em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFDA71 sobre #3E2542, com 10,02: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 15 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.