Tons de gris bleu modernes : 20 combinaisons de palettes à essayer

Le bleu gris fait partie de ces rares couleurs « neutres mais pas ennuyeuses » : il dégage le calme du gris, tout en portant la clarté et la confiance du bleu. C’est pourquoi on le retrouve partout, de l’UI moderne aux intérieurs sereins.

Vous trouverez ci-dessous 20 idées de palettes bleu gris avec codes HEX, ainsi qu’un guide rapide sur les meilleures utilisations et la visualisation via l’IA.

Pourquoi les palettes bleu gris fonctionnent si bien

Le bleu gris se situe entre la neutralité froide et la couleur émotionnelle, ce qui le rend professionnel sans être stérile. Il est idéal pour les marques modernes qui veulent de la confiance, de la clarté et une douceur plus subtile que le bleu marine pur.

En UI et design produit, le bleu gris crée une hiérarchie naturelle : les teintes claires évoquent un aspect propre, les tons moyens servent pour la navigation et les états, et les nuances profondes assurent le contraste du texte et des appels à l’action sans l’agressivité du noir pur.

Pour l’intérieur, le bleu gris est calme et polyvalent. Il s’associe facilement avec le bois, la pierre, le lin et les métaux, ce qui le rend idéal pour des espaces aérés, harmonieux et vivants.

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

1) Port Brumeux

HEX : #E7EDF2 #B9C6D3 #7E93A6 #445A6B #2C343E

Ambiance : aéré, calme, côtier

Idéal pour : salons de bord de mer

Aéré et calme comme la brume du matin sur une marina paisible, ces tons sont nets sans être froids. Idéal sur les murs, tissus d’ameublement et éléments intégrés pour un contraste doux. À associer avec du chêne chaud, des textures de lin et du nickel brossé pour l’équilibre. Astuce d’utilisation : conservez la nuance la plus foncée pour les moulures ou une pièce maitresse afin d’éviter d’aplatir l’espace.

Exemple d’image de port brumeux générée via media.io

Media.io

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

Essayez-le gratuitement

2) Acier et ciel

HEX : #F4F6F8 #CBD3DA #8FA1B0 #566977 #1F2A33

Ambiance : moderne, structuré, professionnel

Idéal pour : interface saas dashboard

Moderne et structuré comme une tour de verre sous un ciel pâle, ce contraste paraît net et fiable. Utilisez les tons clairs pour les surfaces et cartes, puis réservez les bleus moyens pour la navigation et les états actifs. La nuance la plus sombre rend le texte et les icônes nets sans l’agressivité d’un noir pur. Astuce d’utilisation : ajoutez un fond avec une légère teinte 5 à 10 % pour réduire l’éblouissement sur des mises en page étendues.

Exemple d’image acier et ciel générée via media.io

3) Brouillard côtier

HEX : #EEF2F5 #C7D2DB #94A7B6 #5F7686 #364553

Ambiance : doux, discret, aérien

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

Doux et discret comme le rivage disparaissant dans la brume, ces nuances sont apaisantes et raffinées. Idéales pour le branding bien-être, où l’on cherche la clarté sans la blancheur clinique. À associer avec du papier blanc cassé, des finitions mates, et une touche sable ou argile pour la chaleur. Astuce : choisissez un ton moyen pour le logo et gardez les autres comme neutres de soutien pour la cohérence.

Exemple d’image brouillard côtier générée via media.io

4) Dérive denim

HEX : #E9EEF3 #B8C4D1 #7A90A8 #3F5C79 #24384B

Ambiance : décontracté, confiant, accessible

Idéal pour : bannière mode ecommerce

Décontracté et confiant comme le denim patiné, cet ensemble offre un contraste convivial avec une pointe d’authenticité rugueuse. Idéal pour la mode et le lifestyle, surtout associé à de grands aplats blancs. Ajoutez une touche de beige ou laiton chaud pour éviter que l’ambiance ne soit trop froide. Astuce : utilisez le bleu le plus profond pour les titres et boutons afin d’ancrer les CTA.

Exemple d’image dérive denim générée via media.io

5) Fenêtre pluvieuse

HEX : #F2F4F7 #D0D8E0 #A0B1BF #6B7F8F #3A4652

Ambiance : réfléchi, doux, calme

Idéal pour : mise en page magazine éditorial

Réfléchis et calmes comme des gouttes de pluie sur une vitre, ces tons créent une expérience de lecture apaisante. Parfaits pour les magazines éditoriaux où la hiérarchie importe plus que la couleur vive. À associer avec des photos en niveaux de gris chauds, des filets fins, et un titre serif pour la sophistication. Astuce : gardez le texte sur la nuance la plus claire, et utilisez les tons moyens pour les citations et les titres de section.

Exemple d’image fenêtre pluvieuse générée via media.io

6) Marée graphite

HEX : #DDE4EA #AEBBC6 #778C9D #3E5666 #1C2A33

Ambiance : sombre, ancré, cinématographique

Idéal pour : typographie affiche de film

Sombre et ancrée comme une marée sous des nuages, cette combinaison évoque le cinéma et la force. Idéale pour les affiches typographiques et les campagnes qui veulent de l’impact sans le fluo. À associer avec un accent métallique ou un blanc cassé pour préserver la lisibilité. Astuce : placez le fond dans la teinte la plus sombre, et créez du contraste typographique avec les deux plus claires.

Exemple d’image marée graphite générée via media.io

7) Verre de mer d’hiver

HEX : #F6F8FA #D7E0E7 #A8B9C6 #6E8797 #3E515D

Ambiance : frais, calme, minimaliste

Idéal pour : design packaging soin de la peau

Frais et paisible comme le verre dépoli sur la plage en hiver, ces tons sont nets, doux et dignes de confiance. Parfaits pour un emballage cosmétique souhaitant un effet clinique sans froideur. À associer avec du blanc mat, une discrète dorure argentée, et une légère embossage pour un rendu premium. Astuce : privilégiez la lumière pour l’étiquette et le ton moyen pour les accroches afin que le pack reste aérien.

Exemple d’image verre de mer d’hiver générée via media.io

8) Plan urbain

HEX : #E3EAF0 #B4C3D0 #7C93A7 #4D6A83 #273646

Ambiance : malin, technique, contemporain

Idéal pour : portfolio d’architecture site web

Malin et technique comme un plan sur une table à dessin, cette palette inspire précision et modernité. Idéale pour les portfolios d’architecture où les images doivent être bien encadrées et les textes rester nets. Ajoutez des accents béton chaud, érable clair ou terre cuite pour adoucir l’ambiance technique. Astuce : le bleu moyen convient pour les liens et survols pour une navigation discrète mais claire.

Exemple d’image plan urbain générée via media.io

9) Lagune paisible

HEX : #F1F5F8 #C9D4DE #93A7B6 #5F7787 #34444F

Ambiance : serein, équilibré, ambiance spa

Idéal pour : app de méditation ui

Serein et équilibré comme l’eau calme au crépuscule, ces tons installent une ambiance douce et relaxante. Dans une app, la palette bleu gris apaise l’œil tout en assurant la hiérarchie visuelle. À combiner avec des dégradés doux, éléments arrondis, et une subtile touche crème pour éviter la froideur. Astuce : gardez la teinte la plus sombre pour les actions principales et limitez le contraste ailleurs pour un effet reposant.

Exemple d'image de lagune paisible générée avec media.io

10) Silverline Night

HEX : #D9E1E8 #A9B7C3 #6F8798 #3D5564 #131B22

Ambiance : élégant, nocturne, haut de gamme

Idéal pour : page d’accueil fintech

Élégante et nocturne comme les lumières de la ville sur un trottoir mouillé, cette palette offre une sensation de premium et de sécurité. C’est une combinaison de gris bleu forte pour les marques fintech qui veulent inspirer confiance sans couleurs agressives. À associer avec une typographie blanche nette, des icônes filaires fines et une touche cyan retenue pour les accents. Conseil d’utilisation : gardez la teinte la plus sombre pour le « hero » et laissez apparaître les tons plus clairs en descendant la page.

Exemple d'image de silverline night générée avec media.io

11) Nordic Slate

HEX : #F7F8F9 #D3D9DE #9CAAB5 #667784 #2F3C45

Ambiance : scandinave, épuré, chaleureux

Idéal pour : style de cuisine minimaliste

Propre et douillet comme un matin d'hiver scandinave, ces nuances sont douces mais affirmées. Idéal pour des cuisines minimalistes avec bois pâle, céramique mate et accessoires simples. Ajoutez une plante sauge atténuée ou une touche de laiton chaud pour réchauffer la base froide. Conseil : répétez le gris-bleu moyen deux fois dans l'espace pour un effet intentionnel, pas accidentel.

Exemple d'image de nordic slate générée avec media.io

12) Glacier Ink

HEX : #EAF1F7 #C2D1E0 #89A2B8 #4E6A82 #223243

Ambiance : net, lumineux, contrasté

Idéal pour : présentation diaporama

Net et lumineux comme la lumière sur la glace d'un glacier, cet ensemble garde le contenu précis et moderne. Idéal pour des slides où graphiques, notes et titres requièrent du contraste clair. À associer avec un accent chaud (corail ou ambre) pour souligner les chiffres clés. Conseil : gardez les grilles de graphiques très claires et réservez la teinte la plus sombre aux étiquettes et totaux.

Exemple d'image de glacier ink générée avec media.io

13) Cloudy Pier

HEX : #F0F3F6 #D0DAE3 #A0B0BE #6A8092 #3B4B59

Ambiance : doux, marin, relaxant

Idéal pour : design de menu de café

Doux et nautique comme une jetée tranquille sous un ciel couvert, ces couleurs évoquent détente et convivialité. Parfait pour des menus de café où la lisibilité est primordiale, avec une ambiance côtière agréable. À associer à un papier crème, des illustrations au trait simples et une touche de brun chaud pour une note café. Conseil : utilisez le ton moyen pour les titres de section et gardez les textes sur le fond le plus clair pour la lisibilité.

Exemple d'image de cloudy pier générée avec media.io

14) Ocean Concrete

HEX : #E4E9EE #B7C3CD #8396A6 #546A79 #2B3943

Ambiance : industriel, équilibré, contemporain

Idéal pour : intérieurs de bureau modernes

Industriel mais apaisant, comme une brise marine coupant le béton, ce mélange est contemporain et confortable. Idéal pour des bureaux recherchés, surtout avec de l'acier noir, du noyer et des textiles texturés. Utilisez les deux teintes les plus claires pour les murs/surfaces principales, puis faites entrer les tons foncés par tapis ou panneaux acoustiques. Conseil : ajoutez une source de lumière chaude pour éviter une ambiance trop froide.

Exemple d'image de ocean concrete générée avec media.io

15) Blue Ash Minimal

HEX : #F8FAFB #D9E1E7 #AAB7C2 #738595 #384650

Ambiance : minimal, doux, sans encombrement

Idéal pour : modèle de CV et de résumé

Minimal et doux comme un papier teinté de cendre, ces tons gardent la présentation nette et affirmée. Idéal pour un CV où la structure prime sans lourds encadrés ni couleurs criardes. Associez à une police sans-serif soignée et une touche de gris chaud pour séparer les sections. Conseil : utilisez la nuance médiane pour les titres et maintenez le texte sur presque blanc pour une lisibilité maximale.

Exemple d'image de blue ash minimal générée avec media.io

16) Stormy Linen

HEX : #EFEFEF #C9D1D7 #94A2AE #5E717F #2D3A43

Ambiance : texturé, chaud-froid, intemporel

Idéal pour : stylisme couleur de chambre

Texturé et intemporel comme des nuages d'orage sur du lin froissé, ce mélange donne une sensation reposante et mature. Parfait pour une chambre à coucher où vous recherchez le calme tout en gardant de la chaleur. Associez à du linge d’avoine, de la jute naturelle, et quelques accents noirs doux pour la définition. Conseil : superposez deux tons moyens dans les tissus pour un rendu intentionnel, pas monochrome.

Exemple d'image de stormy linen générée avec media.io

17) Pebblewave

HEX : #E8EEF2 #C1CCD5 #8B9EAD #5A7180 #2E3D47

Ambiance : naturel, équilibré, énergique en douceur

Idéal pour : publicité produit équipement outdoor

Naturels et stables comme des galets lisses sous l'eau, ces tons sont énergiques en douceur. Parfait pour une pub de matériel outdoor où les détails doivent ressortir. À associer avec une touche orange sécurité ou vert citron pour un accent fonctionnel. Conseil : gardez le fond clair-moyen et développez la profondeur avec les deux teintes les plus foncées pour les ombres.

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

18) Museum Wall

HEX : #F3F5F6 #D2D9DE #A5B2BC #6B7F8E #34414A

Ambiance : silencieux, épuré, sophistiqué

Idéal pour : invitation événement galerie

Silencieux et épuré comme un mur de musée sous des spots doux, cet ensemble inspire sophistication et intention. Parfait pour des invitations élégantes où la typographie domine. Associez à beaucoup d’espace négatif, une belle police à empattements, et une petite touche métallique. Conseil : imprimez le fond clair et laissez la teinte la plus foncée pour les noms, dates et la hiérarchie.

Exemple d'image de museum wall générée avec media.io

19) Midnight Haze

HEX : #DCE4EA #AEBCC7 #7890A0 #445E6F #0F1720

Ambiance : dramatique, élégant, moderne

Idéal pour : interface musique « maintenant en lecture »

Dramatique et élégante comme la brume de minuit sur des rues sans néons, cette palette crée une ambiance moderne. Les gris bleus font ressortir les pochettes d’album tout en garantissant une bonne lisibilité des contrôles. À associer avec des dégradés subtils et un seul accent coloré pour l’état de lecture, par exemple du teal doux ou du magenta. Conseil : utilisez le presque noir pour l’arrière-plan du lecteur et gardez le texte sur la teinte la plus claire pour le contraste.

Exemple d'image de midnight haze générée avec media.io

20) Nautical Paper

HEX : #FAFAF8 #D8E0E6 #A7B6C2 #6C8292 #2E3C46

Ambiance : classique, épuré, adapté à l'impression

Idéal pour : papeterie et en-têtes de lettre

Classique et propre comme une papeterie fraîche avec une note maritime, ces couleurs inspirent confiance et intemporalité. Comme palette gris bleuté, elle est idéale pour des en-têtes, factures ou brand stationery devant rester élégants à l'impression. Associez à un papier texturé écru et une teinte profonde façon encre pour les signatures/tampons. Conseil : gardez les logos dans une teinte foncée et limitez à deux couleurs par page pour un rendu premium.

Exemple d'image de nautical paper générée avec media.io

Quelles couleurs s’accordent avec le bleu gris ?

Les neutres chauds sont le mariage le plus simple : ivoire, avoine, beige ou gris chaud gardent le style accueillant tout en maintenant le gris bleu calme et moderne. Pour l’intérieur, ajoutez des tons boisés naturels (chêne, noyer) pour adoucir le côté froid.

Pour le contraste, utilisez un charbon foncé ou presque noir pour la typo et la structure, puis une petite touche lumineuse (corail, ambre ou turquoise) pour les points focaux comme les CTA et les chiffres clés.

Pour un rendu plus organique, essayez des verts sourds (sauge, eucalyptus) ou des teintes terracotta. Ils créent une tension chaud-froid équilibrée, contemporaine mais jamais clinique.

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

Commencez par les rôles et non par les « jolies couleurs » : réservez la nuance la plus claire aux fonds, la seconde aux surfaces/cartes, les tons moyens à la navigation et aux bordures, et la nuance la plus foncée au texte, icônes et actions principales.

Gardez la saturation modérée pour ne pas donner un effet « corporate froid ». Si le rendu est trop glacé, réchauffez-le avec des matières (papier, lin, bois) ou un unique accent chaud appliqué systématiquement sur tous les états et highlights.

En print et branding, limitez la palette active à 2-3 tons et utilisez les autres en nuances de soutien. Cette discipline donne son aspect premium et intentionnel aux palettes gris bleu.

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

Si vous souhaitez voir ces teintes gris bleu dans un vrai contexte (dashboard, chambre, packaging, invitation...), générez rapidement des concepts visuels par texte. Cela vous permet de valider contraste, ambiance et combinaisons avant production.

Avec Media.io, transformez un prompt en maquettes propres et scènes stylisées en quelques minutes, puis faites varier les accents (corail vs turquoise) tout en gardant la même base neutre.

Décrivez votre format (UI, affiche, intérieur), l’éclairage et les matériaux, puis ajoutez « couleurs assorties à la palette » pour garder la cohérence du résultat.

Suivant : Palette de couleurs bleu turquoise