Variables CSS
:root {
--c-earthy-1: #000000;
--c-earthy-2: #361C1B;
--c-earthy-3: #754232;
--c-earthy-4: #CD894A;
--c-earthy-5: #E6B983;
--c-earthy-6: #FFF8BC;
--c-earthy-7: #FFFFFF;
--c-earthy-8: #2D2433;
--c-earthy-9: #4F4254;
--c-earthy-10: #B092A7;
}
Sobre esta paleta
Esta paleta de 10 colores terrosos va de White (#FFFFFF), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Black Kite, Lava Core, Golden Pumpkin, Cane Sugar, Break of Day, White, Bleached Cedar, Feminin Nightshade y Grape Soda en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 21 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FFFFFF, con 21: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: 45. De ellas, 21 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.