Couleurs chaudes et froides : utiliser la température à dessein

Les couleurs chaudes et froides sont les deux moitiés du cercle chromatique. Les rouges, les orangés et les jaunes paraissent chauds, comme le feu et le soleil ; les verts, les bleus et les violets paraissent froids, comme l’eau, l’ombre et le soir. La température change l’impression que donne une création avant même qu’on la lise : les couleurs chaudes avancent et dynamisent, les couleurs froides reculent et apaisent. L’utiliser à dessein est l’un des moyens les plus rapides de rendre une palette intentionnelle.

La température est relative

La limite entre chaud et froid n’est pas fixe. Les jaunes-verts et les rouges-violets se trouvent sur la frontière, et toute couleur paraît plus chaude à côté d’une plus froide. Un magenta à côté d’un bleu ciel paraît chaud ; le même magenta à côté d’un orange paraît froid. C’est pourquoi il faut juger la température dans la palette, et non nuancier par nuancier.

Les couleurs ont aussi une température au sein d’une même teinte. Un rouge qui tire vers l’orange est plus chaud qu’un rouge qui tire vers le bleu, et un bleu avec une pointe de vert est plus chaud qu’un bleu qui tire vers le violet. Les designers appellent cette tendance la sous-tonalité, et c’est elle qui fait que deux « rouges » jurent.

Comment les couleurs chaudes et froides créent de la profondeur

Les couleurs chaudes semblent avancer et les couleurs froides reculer. Les peintres de paysage l’utilisent depuis des siècles : l’air diffuse la lumière, les collines lointaines paraissent donc réellement plus bleues et plus pâles, et notre œil lit le froid et le pâle comme lointains. Vous pouvez emprunter le même effet en design à plat.

La règle pratique : placez les couleurs froides sur les grandes zones de fond et gardez les couleurs chaudes pour ce qui doit atteindre le regard en premier. Un appel à l’action chaud sur une page froide ressort sans avoir besoin d’être grand, ce qui s’accorde parfaitement avec la règle du 60-30-10.

Neutres chauds et neutres froids

Les gris, les blancs et les noirs ont aussi une température, et elle compte plus qu’on ne le croit. Un blanc cassé chaud évoque le papier ; un blanc froid évoque un écran ou une clinique. Une création qui mélange un fond gris chaud et un texte gris froid paraît souvent légèrement fausse sans que personne ne sache dire pourquoi.

:root {
  /* Warm neutrals: pair with reds, oranges, golds */
  --paper: #f5efe6;
  --stone: #b8ada0;
  --charcoal-warm: #3d3530;

  /* Cool neutrals: pair with blues, greens, violets */
  --mist: #eef2f6;
  --slate: #a3adb8;
  --charcoal-cool: #2b3240;
}

Mêler chaud et froid dans un même dégradé

Les dégradés du chaud au froid comptent parmi les plus saisissants, et les couchers de soleil le prouvent. Ce sont aussi ceux qui ratent le plus souvent, car les couleurs chaudes et froides sont souvent opposées sur le cercle et un fondu direct entre elles passe par le gris. La solution est de faire passer le fondu par une couleur qui appartient aux deux côtés, en général le rose, le magenta ou le violet.

Les proportions comptent aussi. Laissez une température mener et l’autre apparaître en contraste. Un dégradé surtout froid avec une lueur chaude sur un bord évoque la lumière du soir ; un partage égal entre chaud et froid paraît indécis. Les dégradés coucher de soleil donnent bien d’autres exemples de chaud et de froid partageant un même fond.

Couleurs chaudes et froides dans le design de tous les jours

• L’ardoise d’un café : fond crème chaud, texte espresso et un seul accent terre cuite, pour qu’elle ressemble à la salle où elle est accrochée
• Une application bancaire : surfaces ardoise et bleues, avec un seul ambre chaud pour les alertes qui demandent de l’attention
• L’affiche d’une soirée : fond violet froid et profond avec un titre orange chaud qui saute aux yeux
• Un lancement de soins de la peau : brume froide et vert sauge, relevés d’une seule pêche chaude pour le nom du produit
• Une promotion sportive : rouge et orange chauds en tête, un bleu marine froid seulement pour les mentions en petit

Dans chaque cas, une température installe le climat et l’autre dirige l’attention. Cette association est aussi une forme douce de contraste de couleurs complémentaires, sans le choc frontal des vrais opposés.

Choisir une température pour votre marque

1. 1

   Partez de l’impression recherchée

   Les marques accueillantes, vivantes et concrètes penchent en général vers le chaud. Les marques précises, calmes et dignes de confiance penchent en général vers le froid. Aucune n’est meilleure ; choisissez celle qui correspond à ce que vous faites.

2. 2

   Choisissez une température dominante

   Construisez l’essentiel de votre palette, neutres compris, d’un seul côté. Cela donne à la marque un climat cohérent.

3. 3

   Ajoutez un accent de l’autre côté

   Un seul accent chaud sur une marque froide, ou un accent froid sur une marque chaude, crée du contraste et un point clair où poser le regard.

4. 4

   Testez en situation

   Vérifiez la palette sur les écrans et les supports réels où elle vivra. Les couleurs changent d’un écran à l’autre, puis encore à l’impression ; voir comment choisir les couleurs de sa marque.