Les palettes de couleurs froides s’appuient sur les bleus, les teals, les bleu-verts et les gris froids pour créer une ambiance moderne et nette. Elles sont incontournables pour les interfaces utilisateur, l’image de marque et la mise en page imprimée où la clarté et la tranquillité sont essentielles.

Voici 20 idées de palettes de couleurs froides avec des codes HEX, ainsi que des conseils d’utilisation et des prompts IA pour générer rapidement des visuels assortis.

Dans cet article
  1. Pourquoi les palettes froides fonctionnent si bien
    1. brume arctique
    2. baie du glacier
    3. denim givré
    4. pin d’hiver
    5. orchidée polaire
    6. rivière d’acier
    7. lavande enneigée
    8. agrumes glacés
    9. aurores boréales
    10. verre des profondeurs
    11. heure bleue
    12. port d’ardoise
    13. ciel cristallin
    14. béton frais
    15. ombre menthe
    16. crépuscule alpin
    17. encre et glace
    18. épinettes argentées
    19. dérive de pervenche
    20. brouillard océanique
  2. Quelles couleurs vont bien avec le froid ?
  3. Comment utiliser une palette de couleurs froides dans des designs réels
  4. Créer des visuels de palettes froides avec IA

Pourquoi les palettes froides fonctionnent si bien

Les combinaisons de couleurs froides semblent propres et maîtrisées parce qu’elles évoquent naturellement l’air, l’eau, le verre et le métal. Cette association les rend idéales pour des interfaces modernes, des écrans chargés de données et des marques qui veulent un ton calme et confiant.

Les tons froids aident aussi à organiser la hiérarchie : les teintes glacées claires créent des fonds spacieux, les tons moyens signalent des états interactifs, et les bleus profonds apportent un contraste lisible pour la typographie et les éléments critiques de l’UI.

En impression et en branding, les palettes froides peuvent paraître haut de gamme et minimalistes lorsqu'elles sont associées à des espaces blancs et un accent unique. La clé est de trouver le bon équilibre de contraste pour éviter un design plat ou trop stérile.

20+ idées de palettes de couleurs froides (avec codes HEX)

1) Brume Arctique

arctic mist color palette with hex codes

HEX : #EAF6FF #BFDFFF #7FB6E6 #3E7FB1 #1E3A5F

Ambiance : nette, aérienne, pure

Idéal pour : interface tableau de bord saas

Nette et aérienne comme le brouillard du matin sur la glace, ces bleus évoquent la propreté et la technicité. Elle fonctionne parfaitement pour les tableaux de bord analytics, les interfaces fintech et les mises en page chargées de données. Combinez-la avec des espaces blancs et un seul bleu marine foncé pour une hiérarchie lisible. Conseil : réservez la nuance la plus profonde pour les CTA clés et les étiquettes de graphique afin de conserver un contraste homogène.

Exemple d’image de brume arctique générée avec media.io

saas dashboard ui
Prompt : maquette UI tableau de bord analytics saas en 2d, grille propre, cartes, graphiques, navigation latérale, icônes minimalistes, design plat, sans cadre appareil, toile blanche, typographie moderne --ar 16:9
Media.io
Media.io est un studio IA en ligne pour créer et éditer des vidéos, des images et du son dans votre navigateur.
media.io media.io

2) Baie du Glacier

glacier bay color palette with hex codes

HEX : #D7FAFF #8FE7F2 #39C3D6 #0D7C91 #053B47

Ambiance : frais, aquatique, assuré

Idéal pour : identité de marque pour le bien-être

Frais et aquatique, évoquant l’eau glaciaire et un espace de respiration limpide. Les tons conviennent aux marques bien-être, soins de la peau et applis mindful souhaitant une autorité calme. À associer à des neutres chauds comme le sable ou la farine d’avoine pour adoucir la froideur sans perdre en clarté. Conseil : utilisez le teal moyen pour les logos et gardez la nuance la plus foncée pour les titres et petits textes.

Exemple d’image de baie du glacier générée avec media.io

wellness brand board
Prompt : planche identité de marque sur fond uni, marques logo, nuanciers, échantillons de typographie, mise en page minimaliste, design graphique plat, aucune scène de mockup, pas de mains --ar 4:3

3) Denim Givré

frosted denim color palette with hex codes

HEX : #E6EEF8 #B9CDE6 #6F93BF #3E5E86 #1F2F44

Ambiance : fiable, moderne, structuré

Idéal pour : slides de présentation corporate

Fiable et structuré, cela rappelle le denim usé refroidi par l’air hivernal. Ces combinaisons froides sont un choix sûr pour les présentations corporate, mises à jour investisseurs et rapports professionnels. À associer à un gris argenté discret pour les séparateurs et beaucoup de blanc pour l’espace. Conseil : utilisez le bleu le plus clair en arrière-plan de slide et le bleu moyen pour mettre en valeur les données.

Exemple d’image de denim givré générée avec media.io

corporate slide deck
Prompt : design slide de présentation corporate propre, slide titre et slide contenu, graphiques, icônes simples, mise en page plate sur fond uni, pas de photo, pas de mains --ar 16:9

4) Pin d’Hiver

winter pine color palette with hex codes

HEX : #E8F5F1 #BFE6D9 #5CBCA2 #1F7A63 #0E3A2F

Ambiance : persistant, enraciné, rafraîchissant

Idéal pour : emballage produit écologique

Enracinée et rafraîchissante comme les aiguilles de pin après la neige, ces verts sont naturels sans virer au terne. Parfait pour l’éco-emballage, produits rechargeables et étiquettes retail durables. À associer à des textures de papier non couché et un gris charbon discret pour la typo. Conseil : gardez le vert le plus foncé pour les listes d’ingrédients afin que le petit texte reste net.

Exemple d’image de pin d’hiver générée avec media.io

eco packaging design
Prompt : prise de vue studio réaliste d’un emballage produit écologique, bouteille et boîte minimaliste, fond blanc propre, ombre douce, design d’étiquette premium, pas d’accessoires --ar 3:2

5) Orchidée Polaire

polar orchid color palette with hex codes

HEX : #F2F0FF #D6D0FF #A79BEE #6B5ACD #2E2A66

Ambiance : rêveur, frais, élégant

Idéal pour : mise en page éditoriale beauté

Rêveuse et fraîche, évoquant les pétales au crépuscule et des lumières de studio douces. Les violets conviennent aux éditos beauté, lancements de parfums et lookbooks haut de gamme. À associer à des photos gris glacé et titres sérif fins pour une sensation raffinée. Conseil : utilisez le violet moyen pour encadrer les citations et gardez le texte principal dans la nuance la plus profonde pour une bonne lisibilité.

Exemple d’image d’orchidée polaire générée avec media.io

beauty editorial layout
Prompt : mise en page éditoriale mode et beauté magazine, grille typographique, espaces images, légendes, marges propres, design plat sur fond uni, pas de photos réelles --ar 21:9

6) Rivière d’Acier

steel river color palette with hex codes

HEX : #F3F6F9 #CBD5E1 #8FA3B8 #4B647D #223040

Ambiance : calme, industriel, minimaliste

Idéal pour : écrans réglages appli

Calme et industriel, comme une rivière sous un ciel d’acier. Les gris froids sont idéaux pour les écrans de réglages, outils d’admin et produits axés utilité. À associer à une touche accentuée saturée (cyan ou citron vert) pour les switches et badges de statut. Conseil : gardez les fonds quasi blancs et utilisez la nuance la plus foncée uniquement pour le texte principal.

Exemple d’image de rivière d’acier générée avec media.io

settings ui screens
Prompt : maquette UI écrans réglages appli en 2d, switches, sliders, listes, icônes minimalistes, design plat, sans cadre, toile unie --ar 9:16

7) Lavande Enneigée

snowy lavender color palette with hex codes

HEX : #F8F6FF #E6E0FF #C6B8F2 #8B7CCB #3A3159

Ambiance : douce, cosy, discrète

Idéal pour : suite invitation mariage

Douce et cosy comme un champ de lavande saupoudré de neige, ces tons sont romantiques mais modernes. En combinaison froide, cela convient aux suites de mariage, annonces de bébé et marques d’événement délicates. À associer à un papier blanc mat et un gris froid pour enveloppes ou cartes RSVP. Conseil : imprimez les tons clairs avec densité d’encre supplémentaire pour qu’ils ne soient pas trop pâles.

Exemple d’image de lavande enneigée générée avec media.io

lavender invitation suite
Prompt : design graphique suite invitation mariage sur fond uni, invitation, carte rsvp, carte détail, typo élégante, illustration ligne florale simple, flat lay style uniquement, pas de mains, pas de table --ar 4:3

8) Agrumes Glacés

icy citrus color palette with hex codes

HEX : #E9FFFB #BFF7EA #6FE7D0 #2DB7A3 #0F4D47

Ambiance : lumineux, énergique, pur

Idéal pour : affiche boisson estivale

Lumineux et énergique, cela rappelle une eau pétillante avec un twist d’agrume frais. Ces combinaisons froides sont parfaites pour affiches, menus ou pubs sociales qui ont besoin d’un effet frais immédiat. À associer à une typo noire épaisse et une touche de blanc cassé pour que les verts restent lumineux. Conseil : limitez la menthe la plus vive à des accents comme les prix ou badges de coin.

Exemple d’image d’agrumes glacés générée avec media.io

beverage promo poster
Prompt : affiche design graphique sur fond uni, promotion boisson estivale, typo épaisse, formes fruits vector simples, badge prix, mise en page propre, pas de photo, pas de mains --ar 3:4

9) Aurores Boréales

northern lights color palette with hex codes

HEX : #071A2B #0E3B5A #0FA3B1 #7AE582 #D9F7FF

Ambiance : électrique, aventureux, cinématographique

Idéal pour : overlay streaming gaming

Electrique et cinématographique, cela rappelle les filaments d’aurores sur un ciel sombre. Le contraste est parfait pour les overlays gaming, panneaux Twitch et bannières héro néon. À associer à des polices sans condensées et des subtils dégradés pour contrôler l’effet lumineux. Conseil : gardez le navy comme toile principale et n’utilisez le vert que pour les indicateurs en direct et les highlights.

Exemple d'image des aurores boréales générée avec media.io

gaming stream overlay
Prompt : mise en page de superposition de stream de jeu 2D, zone de cadre webcam, panneau de chat, bannières d'alerte, accents néon, design graphique plat, fond uni, pas de photos --ar 16:9

10) Verre Marin Profond

deep sea glass color palette with hex codes

HEX : #E6FBFF #A9E5F2 #4FB8CC #1A6D80 #0B2F3A

Ambiance : frais, raffiné, océanique

Idéal pour : page d'accueil tech

Frais et raffiné, on a l'impression de verre marin poli par les profondeurs. Les bleus et teals sont parfaits pour des pages d'accueil tech, des en-têtes SaaS et des sections de fonctionnalités. Associez-les à des cartes blanches nettes et un jeu d'icônes accentuées et minimalistes pour éviter la pollution visuelle. Astuce : utilisez le teal moyen pour les liens et gardez les boutons très clairs ou très foncés pour différencier clairement les états.

Exemple d'image de verre marin profond générée avec media.io

tech landing page
Prompt : maquette ui de page d'accueil tech 2D, section héro, navigation, cartes de fonctionnalités, bloc témoignages, design plat, pas de cadre d'appareil, canevas blanc épuré --ar 16:9

11) Heure Bleue

blue hour color palette with hex codes

HEX : #0B1026 #1B2A4A #2F4F7A #6B8FBF #E7F0FF

Ambiance : atmosphérique, haut de gamme, concentré

Idéal pour : publicité montre de luxe

Atmosphérique et premium, elle capture la profondeur silencieuse de l’heure bleue avant la nuit. Ces tons conviennent aux pubs de luxe, aux photos produits héro et au branding à fort contraste. Associez avec un texte minimal, des accents métalliques et de l'espace négatif généreux pour un ressenti haut de gamme. Astuce : gardez la teinte la plus claire comme lumière de contour ou gradient de fond plutôt qu’un remplissage plat.

Exemple d'image de l'heure bleue générée avec media.io

luxury watch ad
Prompt : prise studio réaliste pour pub montre de luxe, fond sombre gradient propre, éclairage doux de contour, zone texte minimale, esthétique premium --ar 3:2

12) Port Ardoise

slate harbor color palette with hex codes

HEX : #F2F4F7 #D1D7DE #9AA6B2 #566575 #2B3440

Ambiance : stable, professionnel, équilibré

Idéal pour : mise en page rapport annuel

Stable et professionnel, ça rappelle la pierre de port et l'eau couverte. Les combinaisons froides comme celles-ci sont idéales pour les rapports annuels, études de cas et PDF B2B. Associez avec un bleu accent discret et une typographie grille propre pour garder la lisibilité. Astuce : utilisez l'ardoise moyenne pour les règles et tableaux pour un layout structuré sans traits épais.

Exemple d'image de port ardoise générée avec media.io

annual report layout
Prompt : design mise en page rapport annuel imprimé, maquette couv et double page intérieure, graphiques, titres de section, grille propre, design plat sur fond uni, pas de vraies photos --ar 21:9

13) Ciel Cristal

crystal sky color palette with hex codes

HEX : #F4FBFF #D6F1FF #9FD9FF #4FA6E8 #1F4E79

Ambiance : élevant, ouvert, moderne

Idéal pour : onboarding appli éducative

Élevant et ouvert, il évoque un ciel dégagé après la neige. Les bleus du clair au profond soutiennent un onboarding convivial et des apps d’apprentissage où la clarté compte. À associer avec des icônes arrondis et illustrations douces pour une tonalité accueillante. Astuce : gardez le bleu le plus brillant pour les états de progression et messages de succès, pas pour de longs blocs de texte.

Exemple d'image de ciel cristal générée avec media.io

onboarding ui screens
Prompt : maquette ui d’onboarding appli éducative 2D, séquence trois écrans, illustrations simples, points de progression, typographie propre, design plat, pas de cadre appareil --ar 9:16

14) Béton Frais

cool concrete color palette with hex codes

HEX : #F7F7F8 #D9DDE2 #AAB3BF #6C7785 #2E333A

Ambiance : urbain, neutre, minimaliste

Idéal pour : site portfolio architecture

Urbain et minimaliste, il reflète le béton, l’acier et des ombres douces. Les gris neutres mettent en avant les photos et layouts sur portfolios ou sites studios. À associer avec un unique accent froid comme bleu glacé pour liens et états hover. Astuce : appliquez le gris le plus sombre avec parcimonie pour ne pas alourdir le design.

Exemple d'image de béton frais générée avec media.io

architecture portfolio ui
Prompt : maquette ui site portfolio architecture 2D, galerie grille, page projet, navigation minimale, très grand espace blanc, typographie moderne, design plat, pas de cadre appareil --ar 16:9

15) Ombre Menthe

mint shadow color palette with hex codes

HEX : #F1FFFA #CFF7E8 #86DFC2 #3CA58E #1C4C46

Ambiance : propre, apaisant, convivial

Idéal pour : brochure clinique santé

Propre et apaisant, il suggère une fraîcheur stérile adoucie par des feuilles de menthe. Comme palette froide, il convient aux brochures santé, sites de clinique et formulaires conviviaux. À associer avec un gris chaud pour le texte du corps et des icônes lignes simples afin de garder une tonalité abordable. Astuce : utilisez le teal foncé pour les titres de section afin que les teintes claires restent aérées.

Exemple d'image ombre menthe générée avec media.io

clinic brochure design
Prompt : design brochure clinique santé triptyque sur fond uni, sections propres, icônes, tableau tarifs, disposition apaisante, design graphique plat, pas de photo, pas de mains --ar 3:2

16) Crépuscule Alpin

alpine dusk color palette with hex codes

HEX : #0E1B2A #233B55 #3A6D8C #7FB2C6 #DCEFF5

Ambiance : nature, calme, robuste

Idéal pour : en-tête blog voyage

Nature et calme, il évoque les lacs de montagne au crépuscule et l’air frais sur le sentier. Les bleus conviennent aux en-têtes de blog voyage, graphiques d’itinéraires et storytelling photo. Associez avec des textures naturelles comme grain de papier et un beige discret pour les légendes, pour du contraste sans chaleur excessive. Astuce : gardez la teinte la plus sombre pour la navigation afin qu'elle reste lisible sur les images.

Exemple d'image crépuscule alpin générée avec media.io

travel blog header
Prompt : maquette ui en-tête site blog voyage 2D, emplacement image héro, titre, navigation catégorie, cartes sélectionnées, mise en page propre, design plat, pas de cadre appareil --ar 16:9

17) Encre et Glace

ink and ice color palette with hex codes

HEX : #0A1220 #1A2E4A #2F6E9C #A7D7F5 #F2FBFF

Ambiance : vif, contraste marqué, moderne

Idéal pour : kit ui mode sombre

Vif et contrasté, il rappelle des lignes d'encre sur verre givré. Ce mélange est excellent pour les kits UI mode sombre, éditeurs de code et interfaces accessibles. Associez avec gris neutres pour texte secondaire et gardez le bleu vif pour états interactifs. Astuce : testez le contraste à petite taille et évitez la teinte la plus claire pour les icônes fines.

Exemple d'image encre et glace générée avec media.io

dark mode ui kit
Prompt : composants kit ui mode sombre 2D, boutons, champs, cartes, graphiques, navigation, design plat, pas de cadre appareil, fond uni --ar 16:9

18) Épicéa Argente

silver spruce color palette with hex codes

HEX : #F3FAF7 #D0E8DF #90BFB0 #4E7A6C #233E37

Ambiance : naturel, froid, sophistiqué

Idéal pour : système logo marque outdoor

Naturel et froid, il évoque des branches d’épicéa au reflet argenté. Les verts et bleus-gris conviennent aux marques outdoor, labels de café premium et merchandising minimaliste. À associer avec du blanc cassé et charbon foncé pour garder une palette sophistiquée et éviter de rendre le look sportif. Astuce : utilisez le vert moyen pour les logos secondaires et badges afin de maintenir la cohérence.

Exemple d'image épicéa argenté générée avec media.io

outdoor logo system
Prompt : fiche système logo marque outdoor sur fond uni, logo principal, marque secondaire, badges, nuanciers, typographie, design graphique plat, pas de scène maquette --ar 4:3

19) Lavande Flottante

periwinkle drift color palette with hex codes

HEX : #F5F6FF #DDE1FF #AEB6F4 #6A77D6 #2C336E

Ambiance : doux, créatif, tech

Idéal pour : illustrations appli productivité

Doux et créatif, il ressemble à des nuages de lavande flottant sur un ciel d’hiver. Les violets conviennent parfaitement aux apps de productivité, illustrations onboarding et marques ludiques mais matures. Associez à un trait gris doux et une touche de lime pour les micro-interactions. Astuce : gardez le lavande moyen constant pour les ombres d’illustration afin que le set soit uni.

Exemple d'image lavande flottante générée avec media.io

productivity illustrations set
Prompt : ensemble d’illustrations vectorielles plates pour app de productivité, liste tâches, calendrier, focus mode, personnages et icônes cohérents, fond blanc propre, uniquement 2D --ar 4:3

20) Brume Océanique

ocean fog color palette with hex codes

HEX : #F0F7F8 #CFE2E6 #8FB6C1 #4E7C89 #1F3A43

Ambiance : calme, côtier, mature

Idéal pour : refonte site spa

Calme et côtier, ça rappelle la brume qui arrive sur une côte froide. Comme palette froide, elle convient aux spas, hôtels boutique et marques de service sereines cherchant un look mature. À associer avec des accents beige chaud sur les photos et typographie aérée avec espace entre lignes généreux. Astuce : utilisez le teal atténué pour les boutons et gardez la teinte la plus foncée pour le footer et la navigation.

Exemple d'image brume océanique générée avec media.io

spa website ui
Prompt : maquette ui refonte site spa 2D, layout homepage, banner héro, cartes services, call to action réservation, style minimaliste apaisant, design plat, pas de cadre appareil --ar 16:9

Quelles couleurs vont bien avec le froid ?

Les tons froids s'associent particulièrement bien aux neutres propres comme le blanc, le blanc cassé et les gris froids car ils préservent la clarté de la palette. C'est la solution optimale pour interfaces, pages produits et mises en page éditoriales où la lisibilité est impérative.

Pour éviter un aspect trop stérile, ajoutez un contrepoint chaud maîtrisé : sable, avoine, beige clair ou accent doré atténué. Même de petits accents chauds (badges, icônes, séparateurs) peuvent rendre les palettes froides plus humaines.

Pour un contraste plus audacieux, utilisez le bleu marine quasi noir ou charbon pour la typographie et la structure, puis gardez un accent froid saturé (cyan, menthe ou teal) pour les états interactifs et éléments clés.

Comment utiliser une palette de couleurs froides dans des designs réels

Commencez par les rôles, pas les nuances : choisissez une teinte claire pour les fonds, une teinte moyenne pour les éléments UI et une teinte profonde pour le texte et la navigation. Cela rend le système cohérent sur tous les écrans et évite des "bleus au hasard".

Veillez sur le contraste, surtout avec les pastels glacés. Si votre palette est très claire, utilisez des couleurs de texte plus foncées et testez petit texte, icônes fines et états désactivés pour garantir l’accessibilité.

En impression, les teintes froides peuvent s’effacer sur papier non-couché. Augmentez légèrement la densité d’encre et appuyez-vous sur des nuances froides profondes pour la petite typo comme listes ingrédients, légendes et notes.

Créer des visuels de palettes froides avec IA

Si vous avez déjà des codes HEX, vous pouvez générer des maquettes et illustrations assorties en décrivant la mise en page (UI, affiche, packaging) et le mood (net, minimal, océanique). Gardez les prompts spécifiques pour le style (2D/plat vs réaliste) et composition (fond uni, pas de mains) pour des résultats plus propres.

Pour la cohérence, réutilisez la même structure de prompt sur tous les assets et ne changez que le sujet (dashboard, board marque, brochure). Ajustez ensuite une variable à la fois — lumière, typo ou couleur d’accent — pour garder un système visuel harmonieux.

FAQ palette de couleurs froides

  • Qu’est-ce qu’une palette de couleurs froides ?
    Une palette froide est un ensemble dominé par les bleus, teals, bleu-verts, violets froids et gris froids. Ces couleurs sont généralement perçues comme nettes, calmes et modernes, comparées à une palette chaude.
  • Quelles émotions communiquent les couleurs froides en design ?
    Les couleurs froides évoquent généralement clarté, confiance, calme et professionnalisme. Les bleus sombres donnent une impression premium et concentrée ; les teintes glacées rendent le look épuré et aérien.
  • Les palettes froides sont-elles adaptées aux sites web et UI ?
    Oui — les palettes froides sont privilégiées pour SaaS, fintech et apps productivité car elles offrent une hiérarchie claire et un contraste lisible. Utilisez des tons profonds pour le texte et les CTA, et gardez les fonds clairs et spacieux.
  • Comment éviter qu’une palette froide paraisse trop stérile ?
    Ajoutez un accent neutre chaud (sable, avoine, doré atténué) ou optez pour des teintes froides plus douces au lieu de bleus saturés. La texture (grain papier, gradients subtils) apporte aussi chaleur sans modifier l'identité.
  • Quelle est la meilleure couleur d’accent pour une palette froide ?
    Cyan éclatant, menthe ou lime conviennent pour des accents modernes, tandis que doré atténué ou beige offrent un contraste plus premium. Le choix dépend de l’effet recherché : technologique ou sophistiqué.
  • Les couleurs froides impriment-elles bien ?
    Oui, mais les teintes glacées très claires peuvent s’effacer sur papier non-couché. Pour l’impression, gardez le petit texte en nuances profondes et renforcez la densité des teintes pâles pour éviter qu’elles ne disparaissent.
  • Comment puis-je générer des images qui correspondent à ma palette de couleurs froides ?
    Utilisez un générateur d’images par IA et décrivez le sujet ainsi que le style (UI plate, photo réaliste en studio) et l’ambiance froide (glacée, propre, océanique). Réutilisez la même structure de prompt pour tous les visuels afin d’obtenir des résultats cohérents.

Suivant : Palette de couleurs bleu sarcelle et or

Julian Moore
Julian Moore May 11, 26
Share article:

generateur de video ia
ai-headshot
anieraser
ai photo enhancer

media.io

Générateur de vidéos IA

Générez facilement des vidéos à partir de texte ou d’images

Générer