Les 20 meilleures combinaisons de couleur gris cendre : codes hexadécimaux et astuces

Gris cendré est le type de neutre qui rend instantanément une composition moderne, apaisante et réfléchie. Il est assez doux pour un style minimaliste, mais suffisamment soutenu pour offrir du contraste et valoriser la typographie.

Vous trouverez ci-dessous 20 idées de palettes de couleurs gris cendré avec codes HEX, ainsi que des conseils pratiques d’association pour le branding, la décoration intérieure et le design UI.

Pourquoi les palettes gris cendré fonctionnent si bien

Le gris cendré est situé à mi-chemin entre le froid et le chaud, ce qui lui permet de s’adapter à de nombreux styles — des intérieurs scandinaves aux mises en page éditoriales à fort contraste. Il est aussi moins « plat » qu’un gris pur, ce qui donne plus de relief et une sensation de qualité supérieure.

Parce que le gris cendré reste naturellement discret, il laisse vos contenus prendre la première place. Les photos, produits et textes typographiques paraissent plus épurés quand l’arrière-plan reste sobre.

C’est aussi une excellente base pour les couleurs d’accent. Que vous ajoutiez des pastels doux, des verts profonds ou des tons agrumes lumineux, le gris cendré garde la palette harmonieuse et vous aide à gérer le contraste pour la lisibilité.

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

1) Lin Brume

HEX : #b2b5b8 #e9e3db #8a8f94 #f7f4ef #4a4f55

Ambiance : calme, aérien, discret

Idéal pour : intérieur salon scandinave

Calmes et respirantes comme une brume matinale sur un tissu immaculé, ces teintes offrent une sensation de raffinement discret. Parfait pour des intérieurs lumineux souhaitant la douceur sans aspect délavé. Associez le charbon foncé avec des blancs lin pour le contraste, et ajoutez du bois naturel ou du métal noir mat pour ancrer l’ensemble. Conseil : répétez le gris moyen sur les tissus ou moulures pour relier l’espace.

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

Media.io

Media.io est un studio IA en ligne pour créer et éditer vidéos, images et audio, directement dans votre navigateur.

Essayez gratuitement maintenant

2) Rose Graphite

HEX : #a7abb0 #3c3f45 #d8a3a8 #f2e7ea #6b6f76

Ambiance : moderne, romantique, raffiné

Idéal pour : packaging marque beauté

Raffinée et légèrement romantique, cette palette évoque des esquisses graphite adoucies par une touche de rose. Elle est idéale pour les packagings cosmétiques, étiquettes de parfum et papeterie premium où l’on souhaite de l’élégance sans paillettes. Utilisez le graphite sombre pour la typographie et la teinte rose pour les sceaux, icônes ou un élément phare. Conseil : limitez le rose à de petites touches pour un rendu luxueux.

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

3) Brume Côtière

HEX : #b9bdc1 #6e8796 #dde7ea #2f4f5c #f6fbfc

Ambiance : frais, côtier, paisible

Idéal pour : UI site blog voyage

Fraîche et paisible comme la brume sur le littoral, cette palette inspire confiance et propreté. Parfaite pour un site de voyage ou bien-être, alliant clarté et sérénité. Utilisez le bleu ardoise pour la navigation et les boutons, gardez les zones de contenu claires pour la lisibilité. Conseil : réservez la teinte la plus foncée pour les titres pour un effet aéré.

Exemple d’image de brume côtière généré avec media.io

4) Béton Urbain

HEX : #aeb3b7 #d7d9dc #6a7077 #2d3035 #f3f4f6

Ambiance : industriel, affirmé, minimal

Idéal pour : portfolio d’architecture site web

Industrielle et affirmée, cette palette évoque béton, acier et ombres nettes entre les bâtiments de la ville. Parfaite pour les portfolios d’architecture ou études de cas produits où l’image prime. Associez le noir profond à des blancs purs pour la typo, et gardez les gris moyens pour la grille et les séparateurs. Conseil : appliquez le ton le plus foncé au header fixe pour structurer les pages longues.

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

5) Cendre de Sauge

HEX : #b3b7b4 #8fa59a #e7ebe8 #556a61 #f7f3ee

Ambiance : naturel, reposant, doux

Idéal pour : brochure spa design

Reposante et naturelle, cette palette évoque la pierre froide près des herbes douces. Idéale pour brochures de spa, marques bien-être ou mises en page calmes cherchant une touche organique. Utilisez la sauge et le vert foncé pour les titres, laissez le blanc cassé pour le texte et l’espace. Conseil : le gris moyen fonctionne bien en fond discret pour témoignages ou tarifs.

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

6) Brume Bleu Acier

HEX : #b0b6bc #5d6f7f #dfe6ec #2e3b45 #f8fafc

Ambiance : froid, technique, fiable

Idéal pour : UI dashboard SaaS

Fraîche et technique, elle rappelle l’acier brossé et l’air hivernal. Idéale pour les dashboards souhaitant instaurer confiance, structure et confort sur la durée. Utilisez le bleu acier pour les actions principales et le charbon pour graphiques et chiffres clés. Conseil : gardez les grands panneaux dans la teinte la plus claire pour limiter la fatigue visuelle.

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

7) Charbon Citrus

HEX : #b1b4b7 #2c2f33 #f2b705 #f7f0de #6b7076

Ambiance : audacieuse, énergique, contraste élevé

Idéal pour : affiche événement sportif

Audacieuse et percutante, cette combinaison évoque la nuit de la ville éclairée par un seul néon. Parfait pour des affiches ou graphiques sociaux qui nécessitent un contraste immédiat et une forte incitation à l’action. Utilisez le citrus en touche pour dates, prix ou boutons, tandis que le charbon porte les gros textes. Conseil : gardez le jaune en accent unique pour un rendu premium, sans surcharge.

Exemple d’image de charbon citrus généré avec media.io

8) Café Galet

HEX : #b4b0ab #7b6f68 #e7ded5 #3f3a36 #f6f1ea

Ambiance : cosy, authentique, neutre chaud

Idéal pour : menu café design

Chaleureuse et apaisante, cette palette évoque galets doux, cacao et lumière de café. Parfaite pour les menus, étiquettes artisanales et branding lifestyle à tendance naturelle. Utilisez la teinte espresso pour titres et icônes, et les tons crémeux pour une lecture facile. Conseil : ajoutez de la texture avec un léger grain de papier plutôt que plus de couleurs.

Exemple d’image de café galet généré avec media.io

9) Prune Hivernale

HEX : #b2b5bb #5b4a66 #e9e6ef #2e2a33 #a38aa8

Ambiance : intense, élégante, éditoriale

Idéal pour : mise en page éditoriale mode

Intense et raffinée, elle rappelle le crépuscule hivernal avec une touche de lipstick prune. Parfaite pour éditos de mode, lookbooks ou portfolios qui cherchent du drame sans agressivité. Utilisez la prune foncée pour les citations et séparateurs, laissez le lavande-gris porter marges et légendes. Conseil : gardez le corps de texte en charbon foncé pour une lisibilité parfaite en print.

Exemple d'image de prune d'hiver générée avec media.io

10) Ivoire Minimaliste

HEX : #b6b8bb #f5f1ea #d9d2c7 #7a7e84 #2f3136

Ambiance : minimaliste, galerie, intemporel

Idéal pour : page d'atterrissage produit UI

Intemporel et propre comme une galerie, ces tons évoquent des murs sélectionnés avec soin et un éclairage tamisé. Ils conviennent parfaitement aux landing pages où les photos et le texte ont besoin d’espace pour respirer. Utilisez le presque noir avec parcimonie pour les titres et les appels à l’action, et gardez l’ivoire comme toile principale. Astuce : utilisez le beige-gris chaud pour des cartes subtiles afin de séparer les sections sans avoir besoin de bordures.

Exemple d'image d'ivoire minimaliste générée avec media.io

11) Studio Sarcelle Poussiéreuse

HEX : #aeb4b8 #4f7a78 #dfe7e6 #264645 #f2f5f4

Ambiance : créatif, calme, contemporain

Idéal pour : image de marque d’agence

Créatif et calme, il suggère un studio silencieux avec des éclaboussures de sarcelle sur du béton. Il convient à une identité d’agence qui veut de la personnalité tout en restant professionnelle. Utilisez la sarcelle pour les logos et formes clés, puis le vert-charbon foncé pour la typographie et le contraste. Astuce : gardez la sarcelle sur des blocs ou des lignes cohérents pour une identité visuelle cohésive.

Exemple d'image de studio sarcelle poussiéreuse générée avec media.io

12) Pierre Terre cuite

HEX : #b5b2af #c66b4f #f1e5dd #6a4b40 #2f3034

Ambiance : terreux, architectural, chaleureux

Idéal pour : identité visuelle de restaurant

Terrien et architectural, ce style rappelle l’argile cuite sur fond de pierre froide. Une combinaison de gris cendré et de terre cuite apporte une ambiance accueillante pour les restaurants, les marques de céramique et l’hôtellerie de charme. Utilisez la terre cuite pour les logos et les points forts, puis la couleur charbon pour le menu et la signalétique. Astuce : le rose-beige pâle en fond adoucit le contraste pour les longs textes.

Exemple d’image de pierre terre cuite générée avec media.io

13) Cendre de Minuit

HEX : #9fa3a7 #1f2328 #3b414a #cfd4d8 #f4f6f8

Ambiance : élégant, dramatique, technologique

Idéal pour : interface d’application mode sombre

Élégant et dramatique, il rappelle une ligne d’horizon urbaine après la pluie. Il est conçu pour les interfaces mode sombre où la lisibilité et la hiérarchie sont essentielles. Utilisez le presque noir en arrière-plan, puis les gris clairs pour le texte et les surfaces afin de maintenir un fort contraste. Astuce : réservez le gris ardoise moyen pour les boutons secondaires afin que les actions principales ressortent.

Exemple d’image de cendre de minuit générée avec media.io

14) Lavande Argentée

HEX : #b5b7bd #b8a9d6 #ece9f6 #6d6281 #2f2d36

Ambiance : doux, onirique, moderne

Idéal pour : design d’invitation de mariage

Doux et onirique, il évoque des pétales de lilas saupoudrés de poudre argentée. Il convient aux invitations de mariage ou papeterie événementielle qui cherchent une élégance moderne. Utilisez la lavande pour les prénoms et les motifs délicats, et gardez le violet-gris foncé pour les petits textes et les détails RSVP. Astuce : misez sur l’espace blanc pour préserver la netteté des tons clairs à l’impression.

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

15) Ardoise Expresso

HEX : #a9adb2 #4a525b #2b2623 #d9dbde #f0ede9

Ambiance : sérieux, haut de gamme, ancré

Idéal pour : page produit ecommerce homme

Sérieux et haut de gamme, il rappelle la pierre ardoise associée au cuir expresso foncé. Il se prête aux pages produits mode masculine où le raffinement des matières doit ressortir. Utilisez l’expresso pour la navigation et le prix, puis les gris clairs pour les sections détails produits. Astuce : des boutons en ardoise plutôt qu’en noir gardent une touche douce et moderne.

Exemple d’image d’ardoise expresso générée avec media.io

16) Alliage Rosé

HEX : #b3b6bb #e6b8bf #f7eef0 #6f747c #2d2f34

Ambiance : doux, premium, contemporain

Idéal pour : publicité produit bijou

Doux et premium, il évoque le métal brossé réchauffé d’une lueur rosée. La palette gris cendré avec cette nuance de rose fonctionne très bien pour la joaillerie, les cosmétiques ou les coffrets cadeaux. Utilisez le rose pour l’arrière-plan phare ou une bannière, puis le nom du produit en charbon pour la clarté. Astuce : gardez les points lumineux dans la teinte la plus pâle pour rappeler la réflexion d’un studio propre.

Exemple d'image d’alliage rosé générée avec media.io

17) Ombre de Pin

HEX : #aeb2b1 #2f4b3f #dfe6e2 #1e2c26 #6f7f78

Ambiance : nature, calme, robuste

Idéal pour : packaging produit outdoor

Naturel et calme, il évoque des aiguilles de pin sous une lumière de montagne brumeuse. Il est idéal pour l'emballage d'équipement de plein air qui veut paraître robuste sans être criard. Utilisez le vert pin foncé pour les logos et les étiquettes, puis les gris pâles pour des blocs d’informations épurés. Astuce : une large bande de pin suffit à créer une forte silhouette sur l’étagère.

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

18) Tempête de Sable Grise

HEX : #b7b2ab #cdbca7 #f3eee6 #7a746d #3a3836

Ambiance : réchauffé par le soleil, neutre, relaxant

Idéal pour : intérieur chambre minimaliste

Réchauffé par le soleil et relaxant, il évoque du sable lissé par le vent sur fond de pierre fraîche. Idéal pour les chambres ou coins lecture où vous souhaitez le confort sans lourdeur. Utilisez le greige foncé pour le textile et la crème pâle pour les murs afin de garder l’espace lumineux. Astuce : un grand tapis dans le ton sable chaud unifie la palette.

Exemple d’image de tempête de sable grise générée avec media.io

19) Perle d’Encre

HEX : #b0b4b9 #101417 #3a424a #e7eaee #f8f9fb

Ambiance : net, haut de gamme, éditorial

Idéal pour : interface web marque luxe

Net et sophistiqué, il évoque l’encre noire sur papier perle. Parfait pour les sites de luxe qui donnent la part belle aux marges, à la typographie et à la mise en scène visuelle. Utilisez le noir encre pour la navigation et les titres, puis les tons perle pour de généreuses marges et zones de contenu. Astuce : gardez les bordures ultra-légères et privilégiez l’espacement plutôt que de grosses séparations.

Exemple d’image de perle d’encre générée avec media.io

20) Mécano Moutarde

HEX : #b1b3b5 #d6a21a #f4edd6 #53585f #23262a

Ambiance : rétro, affirmé, industriel

Idéal pour : flyer atelier

Rétro et affirmé, il rappelle de vieilles machines avec une bande de peinture moutarde. Idéal pour les flyers d’atelier, les événements "makers", ou la signalétique percutante où la lisibilité prime. Utilisez la moutarde pour les infos clés (dates, lieux), les gris pour le reste pour une hiérarchie claire. Astuce : réservez la typographie en charbon foncé et la moutarde seulement pour mettre en avant, afin d’éviter l’éblouissement.

Exemple d’image de mécano moutarde générée avec media.io

Quelles couleurs s’accordent avec le gris cendré ?

Le gris cendré se marie parfaitement avec le blanc pur, le charbon et le presque noir pour un contraste net, ce qui en fait une base fiable pour les UI modernes et les mises en page axées sur la typographie. Pour un rendu plus doux, combinez-le avec des blancs cassés ou du greige pour garder la palette naturelle et apaisante.

Pour les touches d’accent, des tons sourds comme sauge, bleu ardoise, sarcelle poussiéreuse, lavande ou rosé ajoutent de la personnalité sans écraser la base neutre. Pour plus d’énergie, une pointe bien placée — moutarde ou jaune agrume — crée instantanément une hiérarchie sur un CTA, une date ou un label clef.

En cas de doute, gardez le gris cendré comme “toile”, puis choisissez une seule famille d'accents (bleus/verts froids ou roses/terre cuite chauds) et répétez-la sur tous les composants pour une cohérence visuelle.

Comment utiliser une palette gris cendré dans de vrais designs

En web et app design, utilisez les nuances les plus claires de gris cendré en fond de page, puis les gris foncés pour les titres, icônes et navigation. Cela assure une bonne lisibilité, réduit l’éblouissement, et organise le contenu sans bordures lourdes.

Pour le branding et l’impression, le gris cendré donne le meilleur résultat si vous contrôlez le contraste : laissez les tons foncés pour la typographie et les logos, et les neutres doux pour les fonds et grandes zones. Une seule couleur d’accent (comme le rosé, la sarcelle ou la terre cuite) peut définir la signature de la marque sans paraître criarde.

Pour la déco intérieure, répétez un gris moyen sur les textiles ou les moulures pour lier la pièce, puis misez sur la texture (bois, pierre, lin, métal mat) au lieu de multiplier les couleurs. Le gris cendré est particulièrement efficace lorsque ce sont les matériaux qui apportent la “décoration”.

Créer des visuels de palettes gris cendré avec l’IA

Si vous avez déjà les codes HEX mais besoin de visuels réalistes, générez des maquettes montrant le comportement de la palette dans son contexte (UI, packaging, affiches, ou intérieurs). Voir le gris cendré à côté des accents est le moyen le plus rapide de valider le contraste et l’humeur.

Avec l’outil texte-en-image de Media.io, décrivez exactement la scène (style, éclairage, matières, composition) et itérez jusqu’à ce que la palette convienne. C’est pratique pour tester plusieurs accents — sauge vs rosé par exemple — sans tout refaire de zéro.

Commencez avec une palette ci-dessus, puis ajustez le prompt selon les cas d’usage (hero de site, brochure, pub produit) pour bâtir une cohérence visuelle.

Suivant : Palette de couleurs rouge et rose