Variáveis CSS
:root {
--c-earthy-1: #BD956A;
--c-earthy-2: #5A655A;
--c-earthy-3: #415073;
--c-earthy-4: #8B697B;
--c-earthy-5: #94384A;
--c-earthy-6: #E6D6A4;
--c-earthy-7: #6A918B;
--c-earthy-8: #8399B4;
--c-earthy-9: #9C899C;
--c-earthy-10: #DE9194;
}
Sobre esta paleta
Esta paleta terrosa de 10 cores vai de Bakelite (#E6D6A4), o tom mais claro, até Astronaut (#415073), o mais escuro. Ela reúne Light Bronzer, Imperial Palm, Astronaut, Imaginary Mauve, Luscious, Bakelite, Oil Blue, Polished Metal, Greige Violet e Fresh Pink em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #415073 sobre #E6D6A4, com 5,54: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
2 de 45 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.