Variáveis CSS
:root {
--c-earthy-1: #C88D71;
--c-earthy-2: #F8E1BB;
--c-earthy-3: #FFEFE1;
--c-earthy-4: #BCAA84;
--c-earthy-5: #E3CCB9;
--c-earthy-6: #C15649;
--c-earthy-7: #D68669;
--c-earthy-8: #1C0F08;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Sugar Glaze (#FFEFE1), o tom mais claro, até Crowshead (#1C0F08), o mais escuro. Ela reúne Baker’s Dream, Curd, Sugar Glaze, Feldspar Grey, Safari Map, Martian Ironearth, King Salmon e Crowshead 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 é #FFEFE1 sobre #1C0F08, com 16,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.