Variáveis CSS
:root {
--c-earthy-1: #23232E;
--c-earthy-2: #3A323C;
--c-earthy-3: #6B5258;
--c-earthy-4: #A37370;
--c-earthy-5: #C27F6F;
--c-earthy-6: #CCA795;
--c-earthy-7: #D7C1B4;
--c-earthy-8: #DED0C7;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Pearl Bush (#DED0C7), o tom mais claro, até Closed Shutter (#23232E), o mais escuro. Ela reúne Closed Shutter, Zeus Palace, Ripe Fig, Autumn Russet, Earthworm, Half Moon Bay Blush, Champagne Glee e Pearl Bush em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #23232E sobre #DED0C7, com 10,33: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
8 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.