Variáveis CSS
:root {
--c-earthy-1: #EF1A1A;
--c-earthy-2: #AC1717;
--c-earthy-3: #F3D8D8;
--c-earthy-4: #B18B8B;
--c-earthy-5: #353441;
--c-earthy-6: #1B1A1D;
}
Sobre esta paleta
Esta paleta terrosa de 6 cores vai de Scented Valentine (#F3D8D8), o tom mais claro, até Gluon Grey (#1B1A1D), o mais escuro. Ela reúne Blood Donor, Ketchup Later, Scented Valentine, Mauve Day, Sceptre Blue e Gluon Grey 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 é #F3D8D8 sobre #1B1A1D, com 12,89: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.