Combinaisons de palettes de couleurs bleu-gris (20 choix + Hex)

Le bleu gris est le cheval de bataille discret du design chromatique moderne : frais, raffiné et facile à associer aussi bien avec des accents chaleureux que des neutres purs.

Vous trouverez ci-dessous 20 idées de palettes bleu gris soigneusement sélectionnées (avec codes HEX) que vous pouvez utiliser pour l’UI, les intérieurs, l’identité de marque, et plus encore — ainsi que des conseils pratiques et des prompts d’IA pour générer des visuels assortis.

Pourquoi les palettes bleu gris fonctionnent si bien

Le bleu gris se situe entre le « bleu de confiance » et le « gris neutre », il évoque ainsi le calme, le professionnalisme et l’élégance sans paraître froid ou stérile. C’est une base sûre lorsque vous souhaitez donner une allure moderne à un design sans céder aux modes éphémères.

Parce que le bleu gris soutient naturellement le contraste, il permet de créer une hiérarchie claire avec des barres de navigation / entêtes foncées et des surfaces claires — particulièrement utile pour les interfaces, présentations et mises en page éditoriales où la lisibilité est primordiale.

C’est aussi une couleur pont efficace : elle s’associe facilement à des accents chauds (sable, bronze, vieux rose) et à des nuances plus froides (sauge, sarcelle, blancs glacés), ce qui la rend polyvalente pour les intérieurs, le packaging et l’identité visuelle.

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

1) Brume côtière

HEX : #2E3E4E #5E7282 #A7B5C0 #E7EDF1 #D7C3A5

Ambiance : aérée, côtière, calme

Idéal pour : salons de maison de bord de mer et intérieurs d’hébergements détendus

Aérienne et salée, cette palette évoque la brume matinale sur un rivage de galets. Utilisez le bleu gris profond comme ancrage sur les murs ou les grands textiles, puis superposez les tons plus clairs pour plus de douceur. La touche sable réchauffe l’ensemble et évite une ambiance trop froide. Astuce : répétez le coloris sable à deux petits endroits (coussins et tapis) pour un effet harmonieux et réfléchi.

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

Media.io

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

Essayez gratuitement maintenant

2) Ardoise et sauge

HEX : #344552 #6E8594 #B9C6CE #E9EEF2 #7E9B8B

Ambiance : enraciné, frais, moderne

Idéal pour : packaging cosmétique éco et étiquettes de marques bien-être

Les tons ardoise rencontrent une touche de sauge pour une ambiance de spa tranquille, eucalyptus dans l’air. Ces accords bleu gris fonctionnent particulièrement bien sur des supports mats où les nuances ressortent subtilement. Gardez la typographie charbon ou blanc cassé et utilisez la sauge pour les scellés, bouchons ou accents. Astuce : réservez la teinte la plus foncée aux obligations légales pour une étiquette lisible et élégante.

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

3) Port de minuit

HEX : #0F1C2B #2C3E55 #5B6F86 #A8B6C4 #F2B6A0

Ambiance : mystérieux, luxueux, nocturne

Idéal pour : branding de bars à cocktails et promotion d’événements du soir

Mystérieuse et cinématographique, cette palette évoque les lumières du port reflétées sur l’eau sombre. Utilisez la base encre pour les fonds, puis les tons moyens pour les icônes, motifs ou panneaux secondaires. Une touche corail douce apporte de la chaleur pour les appels à l’action, les tampons ou éléments de surbrillance sans briser l’ambiance nocturne. Astuce : limitez le corail à moins de 10 % de la surface pour une allure sophistiquée.

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

4) Fenêtre pluvieuse

HEX : #1F2A35 #455766 #7F93A1 #C9D4DC #F3F6F8

Ambiance : calme, minimal, concentré

Idéal pour : tableaux de bord analytiques et thèmes UI SaaS

Silencieuse et concentrée, cette palette rappelle la pluie glissant sur la vitre d'une grande ville. Elle apaise les interfaces tout en créant une hiérarchie lisible du menu foncé aux surfaces claires. Associez-la à un seul accent vif (ambre ou sarcelle) pour les états actifs et alertes. Astuce : utilisez le ton le plus clair en fond principal pour limiter la fatigue visuelle lors de longues sessions.

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

5) Acier nordique

HEX : #2A3A46 #516574 #8EA0AD #D6DEE5 #FFFFFF

Ambiance : épuré, structuré, scandinave

Idéal pour : présentations corporate et rapports annuels

Net et structuré, il évoque le métal brossé et la lumière neigeuse. Utilisez les tons foncés pour titres et séparateurs, et laissez les gris très clairs dominer la page. Il se marie naturellement avec de grands espaces blancs et des formes géométriques simples. Astuce : limitez les graphiques à deux séries et une couleur d’accent pour une lecture fluide.

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

6) Dérive de denim

HEX : #243445 #3F5B74 #6F8FA8 #B8CAD8 #E9EDF0

Ambiance : décontracté, jeune, nature

Idéal pour : publicités denim et pages de lookbook

Décontractée et patinée, cette palette rappelle le denim délavé par une fraîche après-midi. Créez la base avec les teintes foncées pour l’accroche ou l’encadrement, puis les bleus clairs pour les fonds et les espaces négatifs. Elle s’accorde parfaitement avec du papier blanc cassé et une typographie noire minimale. Astuce : ajoutez un léger grain pour accentuer la sensation mode et tactile.

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

7) Orage argenté

HEX : #1D2B36 #3C515E #708693 #B7C4CC #D9A15F

Ambiance : dramatique, raffiné, contraste marqué

Idéal pour : finitions de cuisine moderne et style électroménager

Dramatique et raffiné, il rappelle les nuages d’orage traversés d’une lumière chaude. Ces associations bleu gris brillent dans les cuisines où le métal, la pierre et le verre forment l’arrière-plan. Utilisez l’accent bronze sur la quincaillerie, l’éclairage ou un tabouret pour éviter l’effet clinique. Astuce : limitez-vous à un seul métal chaud pour un contraste volontaire, non désordonné.

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

8) Encre et brume

HEX : #101820 #33404B #667786 #C8D1D8 #F7F9FA

Ambiance : éditorial, net, moderne

Idéal pour : couvertures de livres et typographie minimaliste d’affiches

Nette et éditoriale, cette palette rappelle l’encre fraîche sur papier lisse. Réservez le presque-noir aux titres et typographies clés, laissez les gris brumeux ouvrir l’espace. Parfait avec des empattements forts ou un sans-serif condensé pour un aspect littéraire contemporain. Astuce : créez un grand espace négatif sur la couverture pour un effet premium.

Exemple d’image encre et brume générée avec media.io

9) Lac glaciaire

HEX : #2B3A4A #4F6B7D #7FA7B9 #CFE3EC #F7FBFD

Ambiance : frais, aérien, naturel

Idéal pour : illustrations de paysages à l’aquarelle et en-têtes de blogs nature

Fraîche et lumineuse, cette palette évoque un lac alpin vitré sous un ciel pâle. Utilisez les bleus moyens pour l’eau et les ombres, les tons les plus clairs pour la lumière et la brume. Elle s’associe bien avec des verts de pin ou des traits de fusain. Astuce : limitez les bords nets, laissez les fondus mouillé sur mouillé faire le travail pour un rendu calme et naturel.

Exemple d'image de lac glaciaire généré avec media.io

10) Verger orageux

HEX : #2A3844 #586B78 #9AA9B2 #E1E7EA #8B6B4E

Ambiance : rustique, sourd, chaleureux

Idéal pour : cuisines de fermes et branding alimentaire artisanal

Rustique et doux, il évoque un verger juste après la pluie. Les neutres froids créent une base propre, tandis que le brun chaud apporte une touche artisanale, conviviale pour le garde-manger. Associez-le avec du papier kraft, des typographies à empattement et des icônes simples pour un rendu authentique. Astuce : utilisez le brun pour les tampons et les ingrédients à mettre en avant afin de guider l’œil sans encombrer.

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

11) Studio plan technique

HEX : #1B2D45 #2F4E6B #5F7F9B #AFC2D1 #F2F4F6

Ambiance : technique, assuré, créatif

Idéal pour : portfolios architecturaux et lookbooks de studio

Technique et assuré, il rappelle le papier de plans et les lignes de dessins. Utilisez les bleus foncés pour les grilles, légendes et titres de section, avec des panneaux pâles pour garder l’agencement lisible. Il fonctionne bien avec des icônes fines et de larges marges pour un effet galerie. Astuce : mettez le texte courant en gris chaud pour adoucir le côté technique.

Exemple d'image de studio plan technique générée avec media.io

12) Perce-neige poussiéreux

HEX : #2E3A4C #56647C #8793B0 #C9CDE0 #F6F5FA

Ambiance : doux, rêveur, délicat

Idéal pour : invitations de baby shower et ensembles de papeterie douce

Doux et rêveur, il évoque la lumière crépusculaire avec une belle brume lilas. Utilisez les tons foncés pour les noms et détails importants, alors que les teintes claires créent une base aérienne de papier. Idéal avec de petites fleurs délicates, des bordures fines et des nuances rose-doré en accent. Astuce : ne choisissez qu’une seule police manuscrite et laissez la couleur faire tout le travail romantique.

Exemple d'image de perce-neige poussiéreux générée avec media.io

13) Graphite urbain

HEX : #161C22 #303A43 #56636E #9EABB4 #E7EBEE

Ambiance : industriel, élégant, moderne

Idéal pour : posts sociaux de streetwear et annonces de lancement

Élégant et industriel, il évoque les croquis au graphite et les trottoirs urbains. Utilisez les tons les plus foncés pour les titres marquants et les encadrés, puis introduisez les gris plus clairs pour les textures et l'espacement. À associer à une photographie très contrastée et un accent néon si vous souhaitez de l’énergie. Astuce : gardez les ombres et superpositions cohérentes pour une série harmonieuse.

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

14) Bibliothèque paisible

HEX : #2B343C #4E5D69 #7D8D9A #C9D2D8 #E6D8C7

Ambiance : cosy, réfléchi, intemporel

Idéal pour : bureaux à domicile et coins lecture réaménagés

Confortable et réfléchi, il rappelle le tissu de vieux livres et le silence d’une salle de lecture. Les bleu-gris offrent un fond apaisant pour le mobilier en bois, tandis que l’accent parchemin chaud rend l’ambiance accueillante. À marier avec des détails laiton, des textures cuir et un éclairage doux de lampe pour une sensation habitée. Astuce : peignez les bibliothèques intégrées dans la teinte moyenne et gardez la plus foncée pour les moulures afin de créer de la profondeur.

Exemple d'image de bibliothèque paisible générée avec media.io

15) Béton Arctique

HEX : #202B33 #45535E #788792 #BFC8CF #F3F5F6

Ambiance : minimal, froid, architectural

Idéal pour : onboarding d’appli mobile et UI fintech

Minimal et froid, il rappelle la surface du béton sous une lumière hivernale. Cette palette bleu-gris est idéale pour les écrans d’intégration où clarté et confiance sont essentielles. À associer avec un accent vif (bleu électrique ou citron vert) pour les états de progression et boutons importants. Astuce : le deuxième ton le plus clair pour les cartes de fond permet d’isoler le contenu sans bordures lourdes.

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

16) Galet marin

HEX : #283744 #516575 #92A3AF #D9E1E6 #B7A190

Ambiance : naturel, équilibré, discret

Idéal pour : emballages de bougies en céramique et publicités lifestyle

Naturel et discret, il évoque les galets lisses et le bois flotté vieilli. Utilisez les tons froids pour les étiquettes et panneaux secondaires, et laissez l’accent taupe apporter un contraste doux et naturel. Parfait avec une typographie à empattement fine et du papier non couché. Astuce : préférez un fond blanc chaud plutôt qu’un vrai blanc afin de conserver une ambiance organique.

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

17) Héritage moderne

HEX : #223141 #3E5568 #6D859C #B9C8D3 #C7A574

Ambiance : classique, assuré, accent chaud

Idéal pour : branding de prêt-à-porter masculin premium et signalétiques de boutique

Classique et sûr de lui, il évoque des costumes ajustés avec un détail laiton chaud. Les teintes profondes soutiennent des logotypes marqués ou monogrammes, tandis que les bleus plus clairs allègent l’ensemble. L’accent doré à associer à du papier texturé, du gaufrage ou des motifs subtils pour une finition patrimoniale. Astuce : limitez cet accent à des règles ou icônes pour l’élégance.

Exemple d'image d'héritage moderne générée avec media.io

18) Fleur d’hiver

HEX : #2C3846 #5A6A7A #9AA8B5 #DCE3EA #E7B7C6

Ambiance : doux, romantique, saison froide

Idéal pour : papeterie florale à l’aquarelle et cartes de saison

Doux et romantique, il évoque des pétales pâles sur un ciel froid. L’accent rosé ajoute une touche délicate sans excès de douceur. À associer à des traits fins, des lavis légers et beaucoup d’espace blanc pour une carte élégante. Astuce : ne mettez le rose que sur de petites fleurs ou des cachets pour garder la dominance aux neutres froids.

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

19) Ombre bleu pétrole

HEX : #14212B #2B3E4A #4E6A73 #9DB2B8 #E9EFF0

Ambiance : mystérieux, froid, contemporain

Idéal pour : landing pages tech et sections “produit”

Mystérieux et froid, il évoque l’eau profonde sous faible lumière. La nuance la plus sombre s’utilise pour les sections hero et la navigation, puis on passe aux tons brumeux pour les encarts et diagrammes. S’harmonise parfaitement avec des icônes blanches et un unique accent vif comme le cyan électrique. Astuce : augmentez l’interligne et les marges dans les fonds sombres pour une meilleure respiration de la page.

Exemple d'image d'ombre bleu pétrole générée avec media.io

20) Bleu marine nuageux

HEX : #182535 #2F4157 #5D748C #A7B6C3 #EEF2F5

Ambiance : assuré, propre, professionnel

Idéal pour : rapports d’activité, propositions et en-têtes web

Sûr et net, il rappelle les uniformes marins adoucis par un ciel couvert. Utilisez les bleu-marine foncés pour les titres et barres de section, puis les neutres clairs pour un contenu de corps lisible. À allier naturellement avec du blanc vif, de fins séparateurs et des dataviz discrètes. Astuce : gardez les liens en bleu moyen pour qu’ils ressortent sans saturation excessive.

Exemple d'image de bleu marine nuageux générée avec media.io

Quelles couleurs s’accordent avec le bleu gris ?

Les accents chauds sont le moyen le plus rapide de rendre le bleu-gris accueillant. Sable, camel, bronze, doré, terre cuite ou corail doux ajoutent du contraste sans rendre la palette criarde.

Pour un aspect organique et frais, associez le bleu-gris à des verts sourds comme sauge, eucalyptus ou bleu pétrole foncé. Ces voisins du spectre froid gardent l’ambiance calme et contemporaine.

Pour un design net à forte lisibilité (surtout en UI), combinez le bleu-gris à des blancs purs et des noirs nuancés. La gamme neutre rend la typographie précise et laisse la place à un accent fort pour les états et CTA.

Comment utiliser une palette bleu gris dans des projets réels

Commencez par assigner les rôles : un bleu-gris foncé pour les titres / la nav, une teinte moyenne pour la UI secondaire ou le mobilier, et un ton très clair pour les fonds. Cela crée une hiérarchie avant d’ajouter tout accent.

Gardez les touches d’accent intentionnelles et limitées — pensez « moins de 10% de recouvrement ». Utilisez une seule note chaude (type sable, bronze ou blush) en surbrillance, icônes, badges ou quincaillerie afin de préserver la cohésion du système.

En print ou branding, le bleu-gris paraît premium sur papiers mats ou non couchés. Intégrez de la texture (grain, lin, papier aquarelle) pour éviter la platitude et sublimer les nuances subtiles.

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

Si vous présentez un concept ou réalisez un moodboard, générer rapidement des visuels aide les parties prenantes à « voir » l’harmonie du bleu-gris dans des contextes divers : pièces, packaging, maquettes UI ou affiches.

Utilisez des prompts qui décrivent la lumière, le matériau, et le style (mat, métal brossé, lumière douce, mise en page minimale). Appliquez ensuite vos couleurs HEX dans la phase de design pour coller au rendu souhaité.

Suivant : Palette de couleurs vert noir