Palette de couleurs Material Design
Les palettes Material Design suivent la logique de Google : une couleur primaire, une secondaire pour les accents, des surfaces neutres et une échelle de gris pour le texte et les élévations.
Exemple de palette
Primary#1976D2
Primary light#42A5F5
Surface#FAFAFA
Secondary#FFA000
On surface#212121
Codes hexadécimaux prêts à copier
Pensée pour les interfaces
Là où les harmonies classiques raisonnent en teintes, Material raisonne en rôles : primary, secondary, surface, on-surface, error. Chaque couleur a une fonction, ce qui rend la palette directement traduisible en tokens de design system.
Contraste et élévation
Material impose un contraste d’au moins 4,5:1 entre le texte et sa surface. Les niveaux d’élévation s’obtiennent en éclaircissant progressivement la surface plutôt qu’en empilant des ombres — pratique en thème sombre, où les ombres ne se voient plus.
Générer ma palette material design
Gratuit, sans inscription