Variáveis CSS
:root {
--c-earthy-1: #E9BA5B;
--c-earthy-2: #729B6B;
--c-earthy-3: #9AA38B;
--c-earthy-4: #BDC2B3;
--c-earthy-5: #19121A;
--c-earthy-6: #6E6634;
--c-earthy-7: #B9A08B;
--c-earthy-8: #A67C59;
--c-earthy-9: #40382D;
--c-earthy-10: #9E8B61;
}
Sobre esta paleta
Esta paleta terrosa de 10 cores vai de Chandra Cream (#E9BA5B), o tom mais claro, até Back in Black (#19121A), o mais escuro. Ela reúne Chandra Cream, Blackthorn Green, Medicine Wheel, Seaside Fog, Back in Black, Himalaya, Cup of Cocoa, Café au Lait, Tobago e Garden Salt Green em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 10 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #E9BA5B sobre #19121A, com 10,19: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
10 de 45 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.