Idées de palettes de couleurs gris froid (20 choix + hex)

Le gris froid occupe ce juste milieu entre net et douillet : assez moderne pour une interface, assez neutre pour l’impression et assez apaisant pour la décoration intérieure. C’est la solution idéale quand vous souhaitez de la clarté sans la dureté du noir et blanc pur.

Voici 20 idées de palettes de couleurs gris froid soigneusement sélectionnées avec des codes HEX, ainsi que des conseils rapides pour associer des accents et utiliser ces tons dans des projets de design réels.

Pourquoi les schémas de couleurs gris froid fonctionnent-ils si bien

Les palettes gris froid sont fiables car elles structurent sans attirer l’attention. Elles créent une hiérarchie claire pour la typographie, les composants UI et les mises en page, tout en maintenant un ton discret.

Contrairement aux gris chauds qui peuvent tirer vers le beige, les gris froids restent nets et contemporains. Cela les rend particulièrement adaptés au branding tech, aux tableaux de bord riches en données et au design éditorial minimaliste.

Ils sont aussi flexibles : vous pouvez les garder totalement neutres pour un effet premium ou ajouter un seul accent (bleu sarcelle, bleu, cuivre, rose) pour orienter l’ambiance sans tout repenser.

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

1) Béton arctique

HEX : #f2f4f7 #d7dde4 #aab3bf #6b7480 #2f343b

Ambiance : propre, calme, professionnel

Idéal pour : interface de tableau de bord SaaS

Propre et aérien comme la lumière du matin sur le béton, ces tons gris froid inspirent calme et assurance. Le mélange donne un rendu net à l’écran et suffisamment de profondeur pour les graphiques, la navigation et les états. Pour un look soigné, associez-le à un seul accent froid (bleu sarcelle ou bleu glacé) et optez pour une typographie charbon plutôt que noire. Astuce : réservez le #2f343b pour les titres et chiffres clés afin que l’interface reste légère. Ce schéma de gris froid s’adapte aussi très bien à des mises en page riches en données.

Exemple d’image de béton arctique généré avec media.io

Media.io

Media.io est un studio en ligne propulsé par l’IA pour créer et éditer des vidéos, images et audio dans votre navigateur.

Essayez-le gratuitement dès maintenant

2) Brume d’acier

HEX : #eef1f4 #cbd2da #9aa3ad #59616b #1f2328

Ambiance : élégant, industriel, moderne

Idéal pour : identité de marque tech

Élégante et légèrement industrielle, cette palette gris froid évoque l’acier brossé et les trottoirs mouillés. Elle offre un contraste fort sans agressivité, ce qui rend les logos et wordmarks raffinés. Ajoutez un accent électrique pour un appel à l’action, ou restez uniquement neutre pour un rendu haut de gamme. Astuce : laissez #1f2328 ancrer le logo, tandis que le #eef1f4 sert d’espace négatif généreux.

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

3) Bureau glacier

HEX : #f6f8fb #dfe6ee #b8c2ce #7a8796 #3b4450

Ambiance : lumineux, ordonné, minimaliste

Idéal pour : modèles de présentation

Lumineux et ordonnés, ces gris froid rappellent un glacier vitré aux contours nets. Les diapositives restent aérées tout en gardant une hiérarchie claire pour titres, graphiques et notes. À associer à un bleu marine ou ardoise atténué pour renforcer, et à éviter avec les oranges chauds qui cassent la fraîcheur. Astuce : utilisez #dfe6ee pour séparer les sections afin que le diaporama reste cohérent sans gros séparateurs.

Exemple d’image de bureau glacier généré avec media.io

4) Sauge argentée

HEX : #f3f5f6 #d2d9d8 #a9b5b0 #6f817a #2e3a35

Ambiance : naturel, apaisant, raffiné

Idéal pour : emballages spa et bien-être

Doux et végétal, ce mélange gris froid évoque des feuilles de sauge poudrées d’argent. Les notes vert-gris apportent calme, propreté et confiance à l’emballage. À associer avec du blanc mat et un gaufrage subtil, ou une dorure mate pour un effet premium. Astuce : gardez les textes ingrédients en #2e3a35 pour la lisibilité sans perdre l’ambiance sereine.

Exemple d’image de sauge argentée généré avec media.io

5) Matin du port

HEX : #f0f3f7 #c8d2e0 #8ea2bb #4e647a #26313b

Ambiance : côtier, stable, frais

Idéal pour : bannière principale de site web

Fraîche et côtière, cette palette de bleus et gris rappelle la brume qui s’élève sur un port. Les tons moyens donnent assez de couleur pour rendre l’accueil chaleureux tout en restant professionnel. Pour une combinaison grise froide amicale, utilisez #8ea2bb sur les boutons et gardez les fonds en #f0f3f7. Astuce : ajoutez des dégradés subtils de #c8d2e0 à #f0f3f7 pour éviter un aspect trop plat sur la bannière.

Exemple d’image de matin du port généré avec media.io

6) Graphite et nuage

HEX : #f7f7f8 #d9dadd #b1b3b8 #575a61 #222327

Ambiance : minimaliste, audacieux, intemporel

Idéal pour : mise en page de magazine éditorial

Audacieuses et intemporelles, ces nuances neutres rappellent des esquisses de graphite sur papier lumineux. L’éventail du blanc nuage au presque noir rend la typographie et le système de grille clairs et intentionnels. Pour une palette premium à l’impression, mettez l’accent sur #222327 pour les titres et #d9dadd pour les marges. Astuce : choisissez une graisse un peu plus forte que d’habitude, car les gris paraissent plus doux sur papier couché.

Exemple d’image de graphite et nuage généré avec media.io

7) Denim givré

HEX : #f4f7fb #d3dbe6 #9fb0c6 #5a6f8a #2b3644

Ambiance : décontracté, net, accessible

Idéal pour : écrans d’inscription application

Net et décontracté, ce schéma de gris froid évoque un denim délavé sous un ciel d’hiver. Les tons bleus doux conviennent bien pour l’onboarding où vous souhaitez guider sans pression visuelle. À marier avec de l’espace blanc et des cartes arrondies, puis utiliser #2b3644 pour les titres d’étape. Astuce : gardez les illustrations en deux tons (#9fb0c6 et #5a6f8a) pour assurer une cohérence écran après écran.

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

8) Lavande silencieuse

HEX : #f5f3f8 #d9d3e3 #b2a9c5 #6f6588 #2e2a3a

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

Idéal pour : faire-part de mariage

Douces et rêveuses, ces nuances gris froid évoquent un crépuscule lavande et un ruban de satin. Le mélange violet-gris reste romantique sans être trop sucré, parfait pour de la papeterie contemporaine. Associez à un papier blanc chaud et une élégante police serif, gardez les ornements minimalistes pour que la couleur respire. Astuce : imprimez de grands aplats en #f5f3f8 et réservez #2e2a3a pour les noms et détails importants afin d’assurer un contraste marqué.

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

9) Pêche polaire

HEX : #f7f4f3 #dad6d6 #a9a3a6 #5c5960 #f2b7a6

Ambiance : équilibre chaud-froid, doux, moderne

Idéal pour : modèles de citation pour réseaux sociaux

Douces et modernes, ces teintes gris froid rappellent un pull doux avec une touche de rose pêche. L’accent pêche empêche les gris de paraître froids, idéal pour du contenu personnel. Ajoutez des formes géométriques simples et laissez #5c5960 porter la typographie pour une lecture aisée. Astuce : utilisez la pêche uniquement pour les mots ou icônes importants afin de garder le fil harmonieux.

Exemple d'Image de Pêche polaire générée en utilisant media.io

10) Ardoise bleu

HEX :#f1f4f5#cfd7db#95a7ad#4b666f#1f3c42

Ambiance :Confiant, rafraîchissant, structuré

Idéal pour :page de destination B2B

Confiantes et rafraîchissantes, ces combinaisons de couleurs grises fraîches rappelent la pierre d'ardoise et l'eau profonde. Les gris teal-penchant ajoutent de la personnalité tout en restant parfaitement prêts aux affaires. Associez avec des icônes de lignes nettes et beaucoup d'espacement, puis utilisez#1f3c42 pour les CTA et les en-têtes collants. Conseils d'utilisation: Gardez les champs de formulaire en#cfd7db afin qu'ils puissent être lus clairement sans contours lourds.

Exemple d'Image de slate teal généré en utilisant media.io

11) Mousse d'hiver

HEX :#f3f6f4#d7dfdb#aabbb1#667a70#2f3d37

Ambiance :Terreuse, calme, mise à la terre

Idéal pour :Conception d'étiquette de produit écologique

Terre et calme, cette palette de couleurs gris frais ressemble à la mousse sous le gel et au pin ombragé. Il convient à la marque durable où vous voulez des signaux naturels sans des verts bruyants. Associez avec des textures de papier recyclé et des icônes minimales, puis gardez la copie en#2f3d37 pour une finition à la terre. Astuce d'utilisation: Évitez les contours noirs pures et utilisez#667a70 pour que les coups restent doux.

Exemple d'Image de mousse d'hiver générée en utilisant media.io

12) Cuivre au clair de lune

HEX :#f6f5f4#d8d6d4#a5a2a0#555352

Ambiance :Élevé, confortable, sophistiqué

Idéal pour :Produit publicitaire créatif

Élevés et confortables, ces teintes de gris frais suggèrent le clair de lune sur le métal avec une lueur de cuivre chaude. L'accent chaleureux ajoute de la profondeur tandis que la base reste élégante et moderne. Pour des combinaisons de couleurs gris fraîches qui semblent luxueuses, laissez#b46a52 apparaître dans de petits points forts comme des badges ou des étiquettes de prix. Astuce d'utilisation: Gardez les ombres neutres (#555352) afin que le cuivre ne se déplace pas vers l'orange dans différents écrans.

Exemple d'Image de moonlit cuivre généré en utilisant media.io

13) Tempête minimale

HEX :#fafafa#e1e2e5#b9bbc1#70737c#2b2d33

Ambiance :Nette, minimale, à haut contraste

Idéal pour :Site Web du portefeuille

Nette et minimaliste, cette palette de couleurs grises fraîches ressemble à des nuages d'orage qui pénètrent dans la lumière claire du jour. Le contraste est suffisamment fort pour les galeries et les études de cas, tout en lisant plus doux que le noir et blanc pur. Associez-le à une couleur d'accent signature pour les liens et gardez les images réalistes afin que les neutres ne rivalisent pas. Astuce d'utilisation: Utilisez#e1e2e5 pour les bandes de section pour guider le défilement sans bordures lourdes.

Exemple d'Image de stormy minimal généré en utilisant media.io

14) Encre et glace

HEX :#f2f6f8#cbd7dd#8da0aa#41545e#0f1a22

Ambiance :croustillant, sérieux, éditorial

Idéal pour :Conception du rapport annuel

Nettes et sérieuses, ces tons de gris frais évoquent de l'encre sur du papier glacé et des infographies propres. Le noir marine plus profond donne une structure pour de grands documents avec des graphiques, des tableaux et des citations. Associez avec une photographie retenue et des règles fines dans#8da0aa pour garder les pages aérées. Astuce d'utilisation: Définissez le texte de corps long en#41545e pour réduire l'éblouissement par rapport au noir pur.

Exemple d'Image de l'encre et de la glace générées à l'aide de media.io

15) Blush urbain

HEX :#f6f2f4#ded5da#b7a4ac#6e5b63#c07b8f

Ambiance :chic, doux, métropolitain

Idéal pour :lookbook de mode

Chic et métropolitain, cette palette de gris frais ressemble à une doublure en béton et en satin teintés de rose. L'accent rose poussiéreuse ajoute de la personnalité sans submerger la base neutre. Associez-le à des blocs photographiques minimalistes et à une typographie fine pour une ambiance éditoriale de piste. Conseil d'utilisation: Gardez#c07b8f à de petits titres ou onglets de section afin que la mise en page reste raffinée.

Exemple d'Image de urban blush généré en utilisant media.io

16) Moderne Monochrome

HEX :#ffffff#e5e6e8#b9bbbf#6c6f76#101114

Ambiance :Classique, confiant, ultra-propre

Idéal pour :Système de logo et d'icônes

Classiques et ultra-propres, ces combinaisons de couleurs grises fraîches ressemblent à un mur de galerie avec un éclairage parfait. Les étapes du blanc au presque noir rendent les icônes, les marques et les composants de l'interface utilisateur faciles à standardiser. Lorsque vous avez besoin d'une palette de couleurs gris frais qui échelle entre les tailles, utilisez#b9bbbf pour les traits secondaires et#101114 pour les formes clés. Conseils d'utilisation: Définissez un seul gris pour les états désactivés (#6c6f76) afin que le système reste prévisible.

Exemple d'Image monochrome moderne généré en utilisant media.io

17) Sable nordique

HEX :#f6f3ef#ded9d2#b4aea6#7a746d#3a3835

Ambiance :chaleureux-neutre, calme, habité

Idéal pour :design d'intérieur moodboard

Calmes et habitées, ces neutres rappellent le sable pâle, la pierre et la laine douce. La légère chaleur fait que les chambres se sentent accueillantes tout en lisant encore moderne et désordonné. Associez avec du chêne clair, du nickel brossé et des linges texturés pour obtenir de la profondeur. Astuce d'utilisation: équilibrez la palette avec une ancre plus profonde (#3a3835) dans les cadres ou le matériel afin que l'espace ne dérive pas trop beige.

Exemple d'Image de sable nordique généré à l'aide de media.io

18) Ardoise de l'heure bleue

HEX :#eef2f7#c3cedd#7d91ab#3a4f67#141b26

Ambiance :moody, moderne, cinématographique

Idéal pour :Conception d'affiche musique

Moody et cinématographique, ces teintes de gris fraîches ressemblent à une heure bleue s'installant sur l'horizon d'une ville. L'ancre marine profonde donne aux affiches une forte lisibilité tandis que les teintes plus claires maintiennent les dégradés lisses. Associez avec un type sans-serif audacieux et des formes minimales, et évitez les jaunes chauds à moins que vous ne souhaitiez tension intentionnelle. Astuce d'utilisation: Définissez l'arrière-plan comme un dégradé de#141b26 à#3a4f67 pour une profondeur sans encombrement.

Exemple d'Image de blue hour slate généré en utilisant media.io

19) Chrome lilas

HEX :#f4f2f7#d6d2df#a59db6#5d556f#26222f

Ambiance :Futuriste, doux, poli

Idéal pour :UI de l'application de beauté

Futuristes mais doux, ces tons de gris frais suggèrent des ombres de chrome et de velours teintés de lilas. La direction violet-gris fonctionne magnifiquement pour les interfaces de beauté et de style de vie qui ont besoin d'élégance. Associez avec une photographie minimale du produit et des dégradés subtils, puis utilisez#26222f pour des étiquettes nettes. Astuce d'utilisation: Gardez les boutons en#5d556f avec le texte#f4f2f7 pour maintenir le contraste sans devenir brut.

Exemple d'Image de lilac chrome généré avec media.io

20) gris menthe croustillant

HEX :#f1f6f5#d0dfdb#9fbdb4#5b7f77#2a3c38

Ambiance :Frais, propre, tranquillement énergique

Idéal pour :Conception de menu de café

Fraîche et tranquillement énergique, cette palette de couleurs gris frais ressemble à des feuilles de menthe sur une pierre fraîche. Les tons vert-gris gardent les menus propres tout en ajoutant une personnalité signature. Si vous voulez des combinaisons de couleurs grises cool qui se lisent Moderne en imprimé, utilisez#2a3c38 pour les en-têtes et#9fbdb4 pour les points forts de la catégorie. Conseil d'utilisation: Gardez l'arrière-plan#f1f6f5 et limitez les blocs d'accent afin que les éléments restent faciles à scanner.

Exemple d'Image de crisp mint Grey généré en utilisant media.io

Quelles couleurs s’accordent avec le gris froid ?

Le gris frais se marie naturellement avec des accents frais comme le teal, le bleu ardoise, le cyan glacé et le bleu marine foncé. Ceux-ci maintiennent la température constante et rendent les interfaces ou les mises en page intentionnelles plutôt que «par défaut».

Pour le contraste et la chaleur, ajoutez des reflets contrôlés tels que le cuivre, le blush ou la pêche douce. Une petite dose est généralement suffisante pour mettre l'accent sur les boutons, les badges, les titres ou les points de données clés.

Si vous voulez garder tout neutre, couchez plusieurs gris et ancrez avec presque noir ou bleu-noir au lieu du vrai noir. Cela préserve l'aspect calme et moderne tout en améliorant la lisibilité.

Comment utiliser une palette de gris froid dans des designs réels

Commencez par les rôles, pas les échantillons: choisissez un fond clair, un gris de surface pour les cartes/sections, un gris moyen pour les bordures et le texte secondaire, et un ancre profond pour les titres et les contrôles de l'interface utilisateur. Cela crée un système qui évolue.

Dans l'impression et le branding, les gris cool sont les meilleurs avec des espaces blancs généreux et une hiérarchie typographique solide. Parce que les gris peuvent être plus doux sur le papier, gardez le contraste intentionnel, en particulier pour le texte corporel et les lignes fines.

Pour les intérieurs, mélangez des gris frais avec la texture (lin, laine, pierre) afin que l'espace ne soit pas plat. Ajoutez un matériau d'accent-métal brossé, bois foncé ou couleur atténuée-pour empêcher la palette de se sentir trop stérile.

Créez des visuels de palettes gris froid avec l’IA

Si vous souhaitez prévisualiser l'apparence d'une schéma de couleurs gris cool dans un tableau de bord, une affiche, une maquette d'emballage ou un tableau d'humeur intérieur, les visuels IA peuvent vous aider à valider le contraste et l'ambiance avant de vous engager.

Avec l'outil de conversion de texte en image de Media.io, vous pouvez coller une invite, spécifier le rapport d'aspect et générer des exemples cohérents pour les systèmes de marque ou les flux d'interface utilisateur, en utilisant vos couleurs hexagonales exactes comme guide.

C'est un moyen rapide de tester plusieurs combinaisons de couleurs grises fraîches et de choisir celle qui convient à votre public et à votre milieu.

Suivant : Palette de couleurs Jardin Enchanté