Variáveis CSS
:root {
--c-earthy-1: #FFFFFF;
--c-earthy-2: #CAE7BA;
--c-earthy-3: #45A781;
--c-earthy-4: #FFF0A7;
--c-earthy-5: #EFBD41;
--c-earthy-6: #CC4C20;
--c-earthy-7: #202F1D;
--c-earthy-8: #000000;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de White (#FFFFFF), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne White, Iced Avocado, Funk, Buttered Popcorn, Golden Glam, Underpass Shrine, Kuro Green e Black em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFFFFF sobre #000000, com 21: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
12 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.