Variables CSS
:root {
--c-earthy-1: #35B664;
--c-earthy-2: #C63C48;
--c-earthy-3: #F2C230;
--c-earthy-4: #1F4838;
--c-earthy-5: #1C5495;
--c-earthy-6: #AA7D6C;
--c-earthy-7: #DD7050;
--c-earthy-8: #F7F7F5;
--c-earthy-9: #2A2A28;
}
Sobre esta paleta
Esta paleta de 9 colores terrosos va de Lynx White (#F7F7F5), su tono más claro, a Chromaphobic Black (#2A2A28), el más oscuro. Combina Cool Green, Calypso Berry, Saffron, Sherwood Green, Florentine Lapis, Cocoa Nutmeg, Dusty Orange, Lynx White y Chromaphobic Black en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #F7F7F5 sobre #2A2A28, con 13,41: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: 36. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.