Studio F
Les archives

Design visuel

La 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

  1. 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.

  2. 02

    Types d'harmonies

    Complementaire (opposes sur le cercle), analogue (voisines), triadique (equidistantes). Utilisez Adobe Color ou Coolors pour générer et tester.

  3. 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.

  4. 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.

  5. 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

Besoin d’un coup de main ?