Variáveis CSS
:root {
--c-earthy-1: #22211B;
--c-earthy-2: #3E4836;
--c-earthy-3: #5D6677;
--c-earthy-4: #778194;
--c-earthy-5: #514136;
--c-earthy-6: #725449;
--c-earthy-7: #CE9513;
--c-earthy-8: #EFC156;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Luminous Apricot (#EFC156), o tom mais claro, até Petroleum (#22211B), o mais escuro. Ela reúne Petroleum, Arame Seaweed Green, Blue Zephyr, Tranquil Pond, Nutria Fur Brown, Hold Your Horses, Retro Vibe e Luminous Apricot em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #22211B sobre #EFC156, com 9,55: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 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.