Variáveis CSS
:root {
--c-earthy-1: #523A28;
--c-earthy-2: #A97F5A;
--c-earthy-3: #D8D8D8;
--c-earthy-4: #5E5E5E;
--c-earthy-5: #FF0000;
--c-earthy-6: #F5B800;
--c-earthy-7: #00FF00;
--c-earthy-8: #0048FF;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Green (#00FF00), o tom mais claro, até Bonanza (#523A28), o mais escuro. Ela reúne Bonanza, Penny, Gliding Feather, Iron, Red, Curry Bubbles, Green e Magic Ink em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #523A28 sobre #00FF00, com 7,67: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
6 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.