Palettes de couleurs gris foncé : 20 combinaisons + codes hexadécimaux

Le gris foncé est un neutre moderne qui peut paraître élégant, calme ou dramatique selon l’association que vous en faites. C’est un choix incontournable pour les interfaces, l’identité visuelle et les intérieurs, car il apporte de la structure sans la dureté du noir pur.

Vous trouverez ci-dessous 20 palettes de couleurs gris foncé soigneusement sélectionnées avec leurs codes HEX, ainsi que des conseils pratiques pour choisir les accents, équilibrer le contraste et générer des visuels de palettes avec l’IA.

Pourquoi les palettes gris foncé fonctionnent si bien

Le gris foncé occupe le « juste milieu » entre le noir et les neutres moyennes : il offre profondeur, contraste et hiérarchie, tout en étant plus doux pour les yeux. Cela le rend particulièrement efficace pour le design d’interface, la mise en page éditoriale, et les systèmes de marques premium.

Parce que le gris foncé est naturellement polyvalent, il peut tirer vers le chaud (taupe, expresso, bois de rose) ou le froid (acier, ardoise, bleu-noir). Avec le bon accent, la même base neutre peut paraître axée bien-être, corporatif, ludique ou luxueuse.

Il s’associe également bien avec la texture—grain du papier, bruit subtil, finitions mates, et ombres douces—ce qui aide à donner une dimension aux designs, évitant un effet « plat » même avec une palette minimaliste.

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

1) Graphite et Lin

HEX : #2b2d31 #3c3f45 #6b6f77 #d7d1c6 #f3f1ed

Ambiance : calme, architectural, raffiné

Idéal pour : page d’accueil de site studio d’architecture

Calme et architectural, ces tons graphite sur des neutres lin rappellent le béton, le papier, et la lumière douce du jour. À utiliser pour les sites de studios, portfolios et marques premium qui nécessitent une confiance tranquille. Associez avec des blancs chauds et textures fines (grain de papier ou bruit léger) pour éviter un rendu plat. Astuce : gardez le lin clair comme fond principal et réservez le graphite le plus profond pour les titres et boutons principaux.

Exemple d’image graphite et lin générée avec media.io

Media.io

Media.io est un studio IA en ligne pour créer et éditer vidéo, image et audio depuis votre navigateur.

Essayez-le gratuitement dès maintenant

2) Charbon Sauge

HEX : #24262b #3a3d44 #5a6b5f #9bb49c #e6efe7

Ambiance : enraciné, botanique, moderne

Idéal pour : kit d'identité de marque bien-être

Enracinée et botanique, la nuance charbon évoque la pierre tandis que la sauge apporte une fraîcheur herbacée. Ces associations de gris foncé conviennent parfaitement à l’identité bien-être, étiquettes apothicaires et packaging de style de vie calme. À associer avec des textures mates et des illustrations fines pour un rendu moderne, inspiré par la nature. Astuce : utilisez la menthe pâle comme espace négatif pour que les tons sombres ne deviennent jamais lourds.

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

3) Bleu Acier Nuit

HEX : #1f2228 #353a44 #4a6072 #7b9bb8 #e8edf3

Ambiance : froid, technique, fiable

Idéal pour : interface dashboard saas

Froid et technique, le bleu acier sur du presque noir évoque le mode nuit avec une lueur propre et confiante. Idéal pour les dashboards SaaS, outils d’analyse et interfaces d’entreprise où la clarté est de mise. À associer avec de fins séparateurs et un fond glacé pour tableaux de données et panneaux secondaires. Astuce : réservez la nuance la plus claire pour les métriques clés afin de créer une hiérarchie immédiate sans ajouter de couleurs supplémentaires.

Exemple d’image bleu acier nuit générée avec media.io

4) Frêne Bois de Rose

HEX : #2a2728 #444041 #6d5a58 #b08a82 #f2e7e5

Ambiance : chaud, intime, vintage

Idéal pour : design menu café

Chaud et intime, le gris frêne avec sous-tons bois de rose évoque les carnets en cuir et le coin café tranquille. Parfait pour menus, hôtellerie boutique et listes d’articles artisanaux où l’on recherche une sophistication cosy. À associer avec des fonds crème et des touches rosées pour les titres de section. Astuce : gardez le texte principal en gris moyen et réservez le ton profond pour prix et étiquettes clés.

Exemple menu frêne bois de rose généré avec media.io

5) Ardoise et Touche Citronnée

HEX : #262a30 #3d434d #707786 #f0c94a #fff3d6

Ambiance : audacieux, dynamique, éditorial

Idéal pour : création publicité réseaux sociaux

Audacieuse et dynamique, ardoise foncée pose la scène tandis que le jaune citron perce comme un accent de titrage. C’est un excellent choix pour publicités réseaux, bannières promotionnelles et annonces avec contraste sans être fluo. À associer avec une typo imposante et des formes géométriques simples pour une énergie propre. Astuce : limitez le jaune à un seul élément focal (bouton, étiquette de prix, badge) pour maximiser l’impact.

Exemple ardoise et touche citronnée généré avec media.io

6) Encre et Grès

HEX : #202226 #36383f #6a6f78 #c3b6a6 #f6f0e8

Ambiance : minimaliste, premium, intemporel

Idéal pour : packaging soin de luxe

Minimal et premium, les gris encre sur des neutres grès rappellent la faïence, le lin et le luxe discret. Cette palette gris foncé convient au packaging cosmétique, bougies boutique, et marques DTC raffinées qui recherchent la retenue. À associer avec des finitions embossées et neutres chauds pour garder l’accueil plutôt que froid. Astuce : utilisez le grès pour les champs d’étiquette et laissez les tons encre structurer le logo et la hiérarchie des ingrédients.

Exemple packaging encre et grès généré avec media.io

7) Prune Minuit Fumée

HEX : #1d1c22 #332b37 #5a435f #a07aa6 #efe7f1

Ambiance : mystérieux, créatif, nocturne

Idéal pour : illustration pochette album indie

Mystérieuse et créative, la nuance minuit avec fumée prune évoque une session studio tardive sous une lumière violette douce. Idéale pour pochettes d’album, affiches événementielles et campagnes artistiques d’ambiance. À associer avec une typographie très contrastée en lilas pâle et des images abstraites pour amplifier la mood. Astuce : ajoutez du grain et un léger vignettage en utilisant le ton le plus sombre pour donner de la profondeur sans couleurs supplémentaires.

Exemple illustration prune minuit fumée généré avec media.io

8) Béton et Cuivre

HEX : #2c2f33 #454a51 #777d86 #b46b4d #f1dfd6

Ambiance : industriel, confiant, métal chaud

Idéal pour : design étiquette spiritueux artisanaux

Industriel mais accueillant, béton gris rencontre cuivre comme du métal brossé sur une pierre urbaine. Convient aux spiritueux artisanaux, cafés premium et étiquettes de produits recherchant de la robustesse avec chaleur. À associer avec une typographie condensée et accents effet cuivre sur badges ou bordures pour un look tactile prêt à exposer. Astuce : placez le cuivre sur de petits éléments pour garder la base neutre maîtresse.

Exemple étiquette béton et cuivre générée avec media.io

9) Bleu Canard Orageux

HEX : #23262b #3c4248 #4b6b6b #69a6a1 #e7f3f2

Ambiance : frais, côtier, moderne

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

Frais et côtier, le gris orageux avec bleu canard évoque du verre de mer sous un ciel couvert. Parfait pour en-têtes de blog voyage, blogs lifestyle et marques aériennes recherchant de la couleur sans sacrifier une base neutre. À associer avec beaucoup d’espaces blancs et accents bleu canard pour liens et mises en avant. Astuce : gardez l’imagerie dans des tons froids afin que le bleu canard paraisse voulu, pas accidentel.

Exemple d'image de teal orageux générée avec media.io

10) Lavande Fumée

HEX : #26242a #3e3a45 #6f667a #b5a9c9 #f4f0fa

Ambiance : doux, rêveur, contemporain

Idéal pour : set d'invitations de mariage

Doux et rêveur, les gris fumés mélangés à la lavande évoquent des brumes du crépuscule et des fleurs séchées. Parfait pour les mariages modernes, les invitations élégantes et la papeterie cherchant la romance sans tons pastel vifs. À associer avec une typographie serif délicate et beaucoup d'espaces sur un fond pâle. Astuce : utilisez la lavande médiane pour les bordures et petites icônes plutôt que pour de grands aplats de couleur.

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

11) Granite Mint Studio

HEX : #24272c #3a3f46 #5e646e #7fd1b9 #eaf8f3

Ambiance : propre, énergique, orienté techno

Idéal pour : écrans d'onboarding d'appli de fitness

Propre et énergique, le gris granit rend les choses nettes tandis que la menthe ajoute une touche de fraîcheur moderne. Excellent pour les applis de fitness, trackers d'habitudes et onboarding produit où clarté et motivation comptent. Associez à des indicateurs de progression audacieux et des illustrations simples pour éviter l'encombrement. Astuce : utilisez la menthe pour les états de succès et actions clés, et gardez les boutons secondaires dans le gris moyen.

Exemple d'image de granite mint studio générée avec media.io

12) Cerise Urbaine

HEX : #1f2024 #34363d #5c4a52 #b23a56 #f6e7ec

Ambiance : audacieux, élégant, vie nocturne

Idéal pour : mise en page de lookbook mode

Audacieux et élégant, le gris urbain associé au rouge cerise rappelle les lumières de la ville reflétées sur la pierre polie. Utilisez-le pour les lookbooks de mode, flyers soirées et branding affirmé qui nécessite de l'attitude sans chaos. À combiner avec de grandes photos et la cerise comme accent pour les titres de section ou les numéros de page. Astuce : gardez le ton le plus profond pour les fonds et laissez la teinte rosée adoucir les espaces négatifs autour du texte.

Exemple d'image de cerise urbaine générée avec media.io

13) Brouillard et Moutarde

HEX : #2a2c31 #40444c #7a808b #d7a51f #f7f0d6

Ambiance : assuré, rétro-moderne, percutant

Idéal pour : design d'affiche d'événement

Assuré et légèrement rétro, les gris brumeux font de la moutarde un projecteur dans une rue pluvieuse. Ces combinaisons de gris foncés sont idéales pour les affiches d'événements, graphismes de conférences et annonces marquantes. Associez à de la typographie sans serif épaisse et à des formes simples pour un look propre et contrasté. Astuce : la moutarde doit porter la date et l'appel à l'action tandis que les gris gèrent le reste.

Exemple d'image de brouillard et moutarde générée avec media.io

14) Océan Étain

HEX : #262a2f #3e454f #6b7787 #3c7fa6 #e6f1f7

Ambiance : net, fiable, calme corporate

Idéal pour : design de page de destination B2B

Net et fiable, les gris étain associés au bleu océan rappellent l'acier poli et l'eau libre. Parfait pour les landing pages B2B, fintech et marques de conseil ayant besoin d'une autorité calme. À combiner avec une iconographie claire et des fonds clairs pour garder le bleu professionnel plutôt que ludique. Astuce : Utilisez le bleu océan pour les liens et marqueurs de section, pas pour remplir de grands fonds.

Exemple d'image d'océan étain générée avec media.io

15) Carbone Citron Néon

HEX : #1c1f23 #2f333a #555c66 #b8ff4a #f4ffe0

Ambiance : tranchant, contrasté, futuriste

Idéal pour : bannière publicitaire gaming

Tranchant et futuriste, les gris carbone font du citron néon un effet HUD dans une salle sombre. Idéal pour des pubs gaming, sorties technos et bannières percutantes où l’on veut une visibilité instantanée. À associer à des formes nettes et un seul effet de halo citron pour garder de la maîtrise. Astuce : limitez le citron à un bouton principal et une fine ligne de détail pour une ambiance premium et contrôlée.

Exemple d'image de carbone citron néon générée avec media.io

16) Taupe Musée

HEX : #2d2c2a #474543 #746b63 #b9aa96 #f2ede6

Ambiance : classique, sélectionné, discret

Idéal pour : maquette de brochure de galerie d'art

Classique et sélectionné, les gris tirant vers le taupe évoquent murs de musée, œuvres encadrées et éclairages doux. Convient aux brochures de galeries, programmes culturels et impressions raffinées. À associer à de larges marges et des filets subtils pour que le contenu respire. Astuce : utilisez la crème claire pour les fonds de page et gardez le ton le plus foncé pour les légendes et la navigation.

Exemple d'image de taupe musée générée avec media.io

17) Dérive Monochrome

HEX : #17181b #2a2c31 #4a4e57 #7b818d #d9dde3

Ambiance : minimal, neutre, ultra-moderne

Idéal pour : bibliothèque de composants UI mobile

Minimaliste et ultra-moderne, ces gris en dérive rappellent la brume, le chrome et une typographie propre. Une palette de gris foncé comme celle-ci est idéale pour les bibliothèques de composants, design systems et kits UI qui exigent une flexibilité maximale. Mariez avec un seul accent ailleurs dans votre produit, et laissez ces neutres structurer l’ensemble. Astuce : veillez à l’accessibilité en utilisant le gris le plus clair derrière les petits textes et en réservant le presque noir aux étiquettes clés.

Exemple d'image de dérive monochrome générée avec media.io

18) Olive Expresso

HEX : #2a2420 #413835 #5a6150 #8b9b6a #efece6

Ambiance : terreux, rustique-moderne, réconfortant

Idéal pour : branding et menu de restaurant

Terreux et réconfortant, le marron-gris expresso avec olive rappelle les tables en bois, assiettes en céramique et herbes sur planche. Parfait pour le branding de restaurant, menus farm-to-table et packaging culinaire. Associez à des textures papier naturelles et des illustrations simples pour un effet ancré. Astuce : utilisez l’olive pour les repères de catégories et les mises en valeur, et gardez l’expresso le plus sombre pour titres et logos.

Exemple d'image d'olive expresso générée avec media.io

19) Pastels de Jour de Pluie

HEX : #2a2d34 #434854 #6f7582 #c9b7d8 #e8eef5

Ambiance : doux, amical, light-tech

Idéal pour : modèle de planner étudiant

Doux et amical, les gris pluvieux associés au lilas doux évoquent carnets, après-midis couverts et concentration apaisée. Parfait pour planners, dashboards d’études et organisateurs imprimables qui doivent être rassurants. À associer à des formes arrondies et remplissages subtils avec le bleu-gris pâle. Astuce : limitez le lilas aux titres et cochez pour que la mise en page reste lisible une fois imprimée.

Exemple d'image de pastels jour de pluie générée avec media.io

20) Accent Or Noir

HEX : #1b1c1f #2f3136 #585b61 #c7a04a #f6f0e3

Ambiance : luxe, dramatique, très contrasté

Idéal pour : pub produit montre premium

Luxe et dramatique, les gris noir avec or chaud évoquent une boutique tamisée et la lumière sur le métal poli. À utiliser pour les pubs de produits premium, landing pages haut de gamme et annonces élégantes. Associez à un texte minimal, un contraste fort et un fond crème pour que l’or paraisse riche plutôt que clinquant. Astuce : gardez l'or en micro-accent pour les logos et petites règles, pas en aplat large.

Exemple d'image d'accent or noir générée avec media.io

Quelles couleurs s'associent bien avec le gris foncé ?

Les neutres chauds comme crème, lin, beige et grès rendent le gris foncé plus accueillant et haut de gamme. Ce duo est un choix fiable pour packaging, mises en page éditoriales et branding style intérieur pour viser un « luxe discret » plutôt qu’un contraste trop marqué.

Les accents froids — bleu acier, teal et tons océaniques — orientent le gris foncé vers la technologie, la confiance. Ces combinaisons sont particulièrement efficaces pour l’UI SaaS, les dashboards et landing pages d’entreprises, car elles maintiennent clarté et hiérarchie.

Pour plus d’énergie, utilisez le gris foncé comme base et n’ajoutez qu’un seul accent vif (moutarde, jaune citrus, cerise, citrine néon ou or). La clé : la retenue ! Une seule fonction accent (CTA, badge ou surlignage) garde le design net et maîtrisé.

Comment utiliser une palette de gris foncé dans des créations réelles

Commencez par assigner les rôles : un ton foncé pour les titres/UI principaux, un gris moyen pour le corps du texte et les bordures, un neutre clair pour les fonds. Cela évite des mises en page « tout gris » et garde la typographie lisible.

Utilisez les accents avec intention pour l’interaction et l’emphase — boutons, liens, états actifs, dates, étiquettes de prix, petits logos. Pour ajouter de la profondeur sans trop de couleur, jouez sur de subtils dégradés, ombres et textures avec vos gris existants.

Pour l’accessibilité, vérifiez le contraste (surtout pour le petit texte) et gardez votre teinte la plus claire pour le fond du texte. En UI, les gris foncés marchent mieux si le fond n'est pas complètement noir, réduisant la fatigue oculaire tout en gardant un aspect premium.

Créer des visuels de palette gris foncé avec l’IA

Si vous voulez voir une palette gris foncé dans une vraie mise en page, générez rapidement des maquettes avec l’IA : sections héros, affiches, packaging, écrans UI. L’utilisation d’un jeu cohérent de couleurs HEX permet d’évaluer hiérarchie, contraste et ambiance avant de valider.

Avec Media.io Text to Image, vous pouvez coller une invite comme ci-dessus, garder votre palette cohérente et itérer rapidement — idéal pour moodboards, pitch decks et exploration de marque en phase initiale.

Suivant : Palette de couleurs de peau