Variables CSS
:root {
--c-earthy-1: #512A22;
--c-earthy-2: #8E4231;
--c-earthy-3: #A45337;
--c-earthy-4: #CA873D;
--c-earthy-5: #DFA750;
--c-earthy-6: #7D6A39;
--c-earthy-7: #3F4932;
--c-earthy-8: #303524;
--c-earthy-9: #202016;
}
Sobre esta paleta
Esta paleta de 9 colores terrosos va de Mellowed Gold (#DFA750), su tono más claro, a Black Mesa (#202016), el más oscuro. Combina Bitter Chocolate, Burnt Henna, Truffle Trouble, Peru, Mellowed Gold, Musket, Rifle Green, Fuchsia Berries y Black Mesa en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DFA750 sobre #202016, con 7,64: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, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.