Variables CSS
:root {
--c-earthy-1: #D5B093;
--c-earthy-2: #CA9A57;
--c-earthy-3: #A76B24;
--c-earthy-4: #72411B;
--c-earthy-5: #3C1402;
--c-earthy-6: #A77652;
--c-earthy-7: #6D5A44;
--c-earthy-8: #4E3D3F;
--c-earthy-9: #342523;
--c-earthy-10: #000000;
}
Sobre esta paleta
Esta paleta de 10 colores terrosos va de Mellow Buff (#D5B093), su tono más claro, a Black (#000000), el más oscuro. Combina Mellow Buff, Sugar Glazed Cashew, Theatre Gold, Walnut, American Bronze, Balthasar Gold, Baby Bear, Crater Brown, Hornblende y Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #D5B093 sobre #000000, con 10,46:1.
Tonos naturales y serenos que encajan con marcas sostenibles y ecológicas, cafeterías, equipamiento de montaña y tipografía editorial cálida.
Desglose de colores
Contraste y accesibilidad
Combinaciones de colores en la paleta: 45. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.