Variables CSS
:root {
--c-earthy-1: #9C4660;
--c-earthy-2: #D15656;
--c-earthy-3: #C28574;
--c-earthy-4: #EBA278;
--c-earthy-5: #FAC68E;
--c-earthy-6: #FAEFE3;
--c-earthy-7: #3E4B73;
--c-earthy-8: #408F76;
--c-earthy-9: #63D6BB;
}
Sobre esta paleta
Esta paleta de 9 colores terrosos va de Anemone White (#FAEFE3), su tono más claro, a Takaka (#3E4B73), el más oscuro. Combina Velvet Wine, Spiced Coral, Argyle Rose, Mexican Standoff, Sicilian Villa, Anemone White, Takaka, Perky y Jamaican Jade 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 #FAEFE3 sobre #3E4B73, con 7,53: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.