Design visuel
Fiche mémo / 122La Palette de Couleurs
Harmonies chromatiques et psychologie des teintes
Pourquoi c'est important
La couleur influence 85% des décisions d'achat (Institute for Color Research). Une palette cohérente crée la reconnaissance de marque instantanee. Coca-Cola = rouge. Spotify = vert. Pas besoin de lire le logo.
Le framework
- 01
La règle 60-30-10
60% couleur dominante (fond), 30% secondaire (composants), 10% accent (CTA, alertes). Cette proportion crée l'équilibre visuel naturellement.
- 02
Types d'harmonies
Complementaire (opposes sur le cercle), analogue (voisines), triadique (equidistantes). Utilisez Adobe Color ou Coolors pour générer et tester.
- 03
Psychologie des couleurs
Bleu = confiance (banques). Rouge = urgence (soldes). Vert = nature/croissance. Noir = luxe. Choisissez en fonction de l'émotion, pas de vos gouts perso.
- 04
Accessibilite (WCAG)
Contraste minimum 4.5:1 pour le texte, 3:1 pour les grands titres. Testez avec Contrast Checker. 8% des hommes sont daltoniens, ne communiquez jamais par la couleur seule.
- 05
Anatomie d'une palette pro
1 couleur primaire + 1 secondaire + 1 accent + 3-5 neutres (blanc, gris, noir). Déclinez chaque couleur en 5 teintes (100 a 900) pour les etats hover, disabled, focus. Documentez tout dans votre design system.
Émotion juste + Harmonie 60-30-10 + Contraste WCAG = Palette qui convertit
Pour aller plus loin
Parlons-en ?