Variáveis CSS
:root {
--c-earthy-1: #414073;
--c-earthy-2: #41658A;
--c-earthy-3: #70A37F;
--c-earthy-4: #7AB473;
--c-earthy-5: #D8C99B;
--c-earthy-6: #D8973C;
--c-earthy-7: #BD632F;
--c-earthy-8: #A4243B;
--c-earthy-9: #4C1E4F;
--c-earthy-10: #000320;
}
Sobre esta paleta
Esta paleta terrosa de 10 cores vai de Tahuna Sands (#D8C99B), o tom mais claro, até Hadopelagic Water (#000320), o mais escuro. Ela reúne Hot Sauna, Winter Palace, Primavera, Faded Green, Tahuna Sands, Bugle Call, Dwarven Bronze, Romeo O Romeo, Plunged Into Darkness e Hadopelagic Water 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 é #D8C99B sobre #000320, com 12,33: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.