Variáveis CSS
:root {
--c-earthy-1: #371A47;
--c-earthy-2: #602547;
--c-earthy-3: #923A47;
--c-earthy-4: #AC5043;
--c-earthy-5: #C36D44;
--c-earthy-6: #E39454;
--c-earthy-7: #E7B06C;
--c-earthy-8: #F7ECAE;
}
Sobre esta paleta
Esta paleta terrosa de 8 cores vai de Star-Studded (#F7ECAE), o tom mais claro, até Russian Violet (#371A47), o mais escuro. Ela reúne Russian Violet, Plum Caspia, Luscious, Hot Sauce, Screaming Bell Metal, Sabre-Toothed Tiger, Mac N Cheese e Star-Studded em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #371A47 sobre #F7ECAE, com 12,54: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
7 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.