Paleta de colores Material Design
Las paletas Material Design siguen la lógica de Google: un color primario, otro secundario para acentos, superficies neutras y una escala de grises para el texto y la elevación.
Paleta de ejemplo
Primario#1976D2
Primario claro#42A5F5
Superficie#FAFAFA
Secundario#FFA000
Sobre superficie#212121
Códigos hexadecimales listos para copiar
Pensada para interfaces
Material Design organiza los colores por función: primario, secundario, superficie, sobre superficie y error. Cada color tiene un propósito, lo que facilita asociar la paleta con tokens de diseño.
Contraste y elevación
Material requiere un contraste mínimo de 4.5:1 entre el texto y su superficie. Los niveles de elevación se consiguen aclarando progresivamente la superficie en lugar de superponer sombras, algo útil en el tema oscuro, donde las sombras dejan de verse.
Generar mi paleta: material design
Gratis, sin registro