Variables CSS
:root {
--c-earthy-1: #2C272D;
--c-earthy-2: #EDEFFC;
--c-earthy-3: #F7EB37;
--c-earthy-4: #444A9E;
--c-earthy-5: #F77924;
--c-earthy-6: #DA4980;
--c-earthy-7: #9F9F9D;
--c-earthy-8: #EE9FBF;
--c-earthy-9: #83B14F;
}
Sobre esta paleta
Esta paleta de 9 colores terrosos va de Carte Blanche (#EDEFFC), su tono más claro, a Black Onyx (#2C272D), el más oscuro. Combina Black Onyx, Carte Blanche, Banana Bombshell, Galaxy Express, Sun Orange, Pickled Pink, Mortar Grey, Prism Pink y Savoy 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 #2C272D sobre #EDEFFC, con 12,79: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.