Variables CSS
:root {
--c-earthy-1: #9A684E;
--c-earthy-2: #784838;
--c-earthy-3: #492C33;
--c-earthy-4: #7C7A41;
--c-earthy-5: #636531;
--c-earthy-6: #3B4337;
--c-earthy-7: #A4CAB8;
--c-earthy-8: #FAE6C1;
--c-earthy-9: #D8BDA1;
}
Sobre esta paleta
Esta paleta de 9 colores terrosos va de Autumn Child (#FAE6C1), su tono más claro, a Ripe Eggplant (#492C33), el más oscuro. Combina Old Driftwood, Chocolate Magma, Ripe Eggplant, Tribal, Gretchin Green, Sunday Niqab, Bird’s Egg Green, Autumn Child y Silken Stockings 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 #492C33 sobre #FAE6C1, con 10,14: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.