Idées de palettes de couleurs gris bordeaux (20 choix + Hex)

Le gris et le bordeaux forment un classique moderne : les neutres froids assurent des mises en page épurées, tandis que la profondeur du rouge lie-de-vin ajoute émotion, focalisation et caractère de marque.

Vous trouverez ci-dessous des idées de palettes de couleurs gris-bordeaux avec codes HEX prêts à l'emploi, ainsi que des prompts de design réels à utiliser dans Media.io pour générer des visuels assortis.

Pourquoi les palettes gris-bordeaux fonctionnent-elles si bien ?

Le gris apporte structure, équilibre et lisibilité, ce qui en fait une base fiable pour les arrière-plans, la typographie et les surfaces d’interface. Le bordeaux ajoute contraste et sophistication sans l’agressivité du rouge vif.

Ensemble, ils créent un look « haut de gamme mais accessible » qui fonctionne dans la marque, l'impression et le digital. Vous pouvez opter pour un duo dramatique charbon + lie-de-vin ou aéré avec un gris brumeux + bordeaux sourd.

Cette association est aussi facile à moduler : privilégiez le gris pour créer le calme, puis réservez le bordeaux aux points d'attention comme les titres, boutons, labels et éléments marquants.

20+ Idées de palettes de couleurs gris-bordeaux (avec codes HEX)

1) Vignoble ardoise

HEX : #2f343a #6b7076 #7a1e2b #b07a7d #f2efe9

Ambiance : mystérieux, raffiné, éditorial

Idéal pour : lookbooks mode, branding premium, mises en page éditoriales

L’ardoise sombre et les tons profonds de vin évoquent le crépuscule sur un vignoble et un fauteuil en cuir vieilli. Utilisez le bordeaux comme titre ou accent principal, puis laissez le gris structurer le tout. Associez des espaces blanc cassé pour un design aéré et élégant. Astuce : réservez le ton rosé aux petits éléments comme citations ou insignes.

Exemple d’image “vignoble ardoise” générée sur media.io

Media.io

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

Essayez maintenant gratuitement

2) Merlot brumeux

HEX : #d7d9dc #8a8f95 #5a1a24 #a45462 #f9f7f4

Ambiance : doux, romantique, calme

Idéal pour : papeterie de mariage, packaging beauté, blogs lifestyle

Les gris brumeux associés au merlot et au rose évoquent un matin silencieux et un verre de rouge au brunch. Utilisez les neutres clairs en arrière-plan et réservez le vin foncé pour la typographie et les traits fins. Associez à des textures de papier chaud ou un léger grain pour un effet tactile. Astuce : le rose atténué unit les icônes et séparateurs.

Exemple d’image “merlot brumeux” générée sur media.io

3) Bibliothèque patrimoniale

HEX : #3c3f43 #9ea1a6 #8b2333 #c9b6a6 #f7f1e6

Ambiance : classique, érudit, chaleureux

Idéal pour : couvertures de livres, musées, cafés de charme

Classiques et littéraires, ces tons rappellent les rayons d’acajou, les papiers anciens et les salles de lecture paisibles. Cette palette gris-bordeaux brille dans les créations axées typographie où le contraste est essentiel. Associez la crème façon parchemin à des fonds texturés et gardez le bordeaux pour les titres, sceaux ou blasons. Astuce : utilisez le beige pour relier le gris froid au vin profond.

Exemple d’image “bibliothèque patrimoniale” générée sur media.io

4) Bois de rose béton

HEX : #44474c #7d8288 #6a1d2a #d3a7a0 #e9e5df

Ambiance : urbain, ancré, moderne

Idéal pour : portfolios d’architecture, moodboards d’intérieur, pages produits

Les gris solides et le bordeaux-bois de rose évoquent des murs de béton réchauffés par le bois. Utilisez le rouge-brun profond pour les boutons d'action ou les titres de section; les gris moyens assurent structure et modernité. Associez à des icônes noires mates pour une touche contemporaine. Astuce : limitez le ton rosé à un ou deux éléments pour rester subtil.

Exemple d’image “bois de rose béton” générée sur media.io

5) Vin d’hiver

HEX : #1f2327 #5e646b #741b2d #c68a8d #f4f3f0

Ambiance : dramatique, chaleureux, premium

Idéal pour : campagnes de fêtes, étiquettes de bougie, événements haut de gamme

Le charbon foncé et le vin d’hiver rappellent une soirée cosy avec rideaux de velours et lueur de bougie. Utilisez le presque-noir pour les fonds ou les parties principales, puis superposez le bordeaux sur les points focaux. Associez à un blanc cassé chaud pour la lisibilité et l’élégance. Astuce : n’ajoutez le rose poussiéreux qu’en accent secondaire sur rubans, étiquettes ou petites illustrations.

Exemple d’image “vin d’hiver” générée sur media.io

6) Bistrot moderne

HEX : #3a3d40 #b8babd #7e2030 #e2c2b0 #c7a24b

Ambiance : chaleureux, stylé, énergique

Idéal pour : menus de restaurants, marques alimentaires, promos sociales

Chaleureux et stylé, ce mélange rappelle un bistrot moderne, métaux brossés, lumière chaude et carte des vins audacieuse. L’accent moutarde réveille le duo gris-bordeaux, idéal pour les prix, icônes et appels. Associez le rosé à la photo culinaire pour adoucir le contraste et le design. Astuce : limitez la moutarde à moins de 10% pour qu’elle reste une touche et non la vedette.

Exemple d’image “bistrot moderne” générée sur media.io

7) Grenat poudré

HEX : #50545a #a5a8ad #861d3a #d19aa2 #f0ebe5

Ambiance : doux, artistique, équilibré

Idéal pour : sites portfolio, affiches d’art, artisanat

Les gris doux, le grenat et le rosé rappellent les lavis aquarelle et les fleurs atténuées. Utilisez le grenat pour les ancres comme boutons ou titres, puis laissez les neutres clairs pour les fonds. Associez à des textures papier naturel ou motifs subtils pour un effet artisanal. Astuce : le texte courant en gris foncé pour plus de confort et de lisibilité.

Exemple d’image “grenat poudré” générée sur media.io

8) Cendre et prune

HEX : #2b2d31 #6f737a #5d1a2f #8f5a7a #e6d9df

Ambiance : mystérieux, luxueux, créatif

Idéal pour : affiches de concerts, branding boutique, promos nocturnes

La cendre mystérieuse et les tons prune rappellent les coulisses et les tissus satinés. Utilisez la prune en accent secondaire lorsque le bordeaux semble trop direct, surtout dans les dégradés ou superpositions. Associez à un fond charbon pour faire ressortir la typo sans contraste brutal. Astuce : tentez un dégradé subtil prune-vers-bordeaux pour les titres, ajoutant de la profondeur sans encombrement.

Exemple d’image “cendre et prune” générée sur media.io

9) Charbon canneberge

HEX : #1d1f22 #4f545a #8a1f2e #d55b6a #f6f1ec

Ambiance : audacieux, cinématographique, affirmé

Idéal pour : marketing d’applications, branding sportif, bannières web marquantes

Le charbon audacieux et la canneberge évoquent des titres ciné et un air d’hiver vif. Ici, la palette gris-bordeaux fonctionne au mieux quand la canneberge est un accent vif sur fond de neutres profonds. Associez à beaucoup d’espace crème pour éviter l’effet lourd. Astuce : réservez la canneberge pour les effets hover et micro-interactions pour un effet premium.

Exemple d'Image de charcoal cranberry généré en utilisant media.io

10) Bourgogne brumeuse

HEX :#c6c8cc#7a7f86#6c1a2a#b06a75#f8f4ef

Ambiance :Aéré, poli, contemporain

Idéal pour :Marques de bien-être, présentations minimalistes, thèmes de blog

Les gris aérés avec le bordeaux et la rose atténuée ressemblent à de la brume sur la pierre et à une écharpe en cachemire douce. Utilisez le gris clair comme arrière-plan principal pour garder les pages lumineuses, puis ajoutez le bordeaux pour la structure et l'accent. Associez-le à une typographie sans serif propre et à un espacement généreux pour un look calme et moderne. Astuce: Gardez rose pour des graphiques subtils, des balises ou des boutons secondaires.

Exemple d'Image de misty burgundy généré avec media.io

11) Boutique Velours

HEX :#383a3f#8d9096#7b1c2f#e0c7c5#f5f0ea

Ambiance :Élégant, doux, luxueux

Idéal pour :logos de boutique, emballage de bijoux, beauté UI

Des tons velours élégants suggèrent un dressing de boutique, un éclairage doux et des détails raffinés. La palette de couleurs gris marron est particulièrement haut de gamme lorsque le marron est utilisé pour les logomarques et que le blush devient un lavage de fond. Associez-le à des lignes fines, de petits capuchons et une ornementation minimale pour le garder moderne. Astuce: les effets de feuille ou de spot-gloss sur les éléments marron élevent instantanément le look.

Exemple d'Image de boutique velvet généré avec media.io

12) Cabernet industriel

HEX :#2a2c2f#61666d#7f2335#c2b2b0#f0e4d6

Ambiance :Industriel, sérieux, confiant

Idéal pour :Études de cas techniques, sites B2B, Tableaux de bord de données

Les gris industriels avec cabernet ressemblent à de l'acier brossé et un accent rouge confiant sur les machines. Utilisez le gris le plus foncé pour la navigation et le marron pour les états actifs afin que les utilisateurs sachent toujours où chercher. Associez-le à un fond crème chaude pour une lisibilité longue et moins d'éblouissement. Astuce: Gardez les graphiques essentiellement neutres et réservez le marron pour une série de clés pour éviter le bruit visuel.

Exemple d'Image de cabernet industriel généré à l'aide de media.io

13) Sangria de mur de pierre

HEX :#3e4045#9a9ea4#6f1f2d#b88b6a

Ambiance :Terreux, mature, Accueillant

Idéal pour :Marques de décoration intérieure, catalogues de meubles, produits artisanaux

Les gris de pierre terre avec sangria et brun évoquent des murs en pierre calcaire, de la poterie en argile et une table de cuisine chaude. Utilisez le bronzage pour les blocs de support et les sous-titres pour adoucir le contraste global. Associez-le à la photographie naturelle et à un éclairage chaud pour garder la palette humaine. Astuce: Utilisez la sangria sur de petites étiquettes et des chips de catégorie pour un signe subtil et haut de gamme.

Exemple d'Image de stonewall sangria généré en utilisant media.io

14) cheminée douce

HEX :#5b5e63#cfd1d4#7a2231#f0d6d0#2f6b6a

Ambiance :Confortable, moderne, accueillant

Idéal pour :moodboards de design d'intérieur, marques confortables, promotions saisonnières

Cozy hearth vibes se déroulent avec un marron chaud, un blush doux et une étonnante brûlure teal. Cette combinaison de couleurs gris marron bénéficie de l'utilisation du teal comme un petit accent dans des icônes, des points ou de petites illustrations. Associez le gris clair à beaucoup d'espace négatif pour une disposition calme inspirée du hygge. Astuce: gardez le marron pour les plus grands blocs de couleur pour ancrer la palette et empêcher le teal de voler la mise au point.

Exemple d'Image d'une cheminée douce générée à l'aide de media.io

15) Nuit de galerie

HEX :#111214#3f4247#792033#b089a0#e8e0ea

Ambiance :dramatique, artistique, haut de gamme

Idéal pour :Affiches de galerie d'art, billets d'événements, bulletins d'information de luxe

Spectaculaires et artistiques, ces tons ressemblent à une galerie qui s'ouvre après la nuit avec des cadres éclairés. Utilisez le presque noir pour les arrière-plans audacieux et laissez le marron porter les titres et les détails clés. Associez-le à un gris lavande pâle pour une pièce de respiration et une touche contemporaine. Astuce: Essayez la typographie surdimensionnée en crème pour garder la composition lisible à distance.

Exemple d'Image de gallery night généré avec media.io

16) lin et Claret

HEX :#e8e5df#9b9da1#6b1d2e#b07c66#f7f5f2

Ambiance :Léger, naturel, sophistiqué

Idéal pour :Marques de soins de la peau, emballages minimalistes, sites web calmes

Les neutres en lin clair avec le claret et l'argile chaude ressemblent à un studio ensoleillé et aux textiles naturels. Utilisez le claret parcialement sur les étiquettes et les boutons pour un look raffiné et pas lourd. Associez avec des ombres subtiles et des coins doux pour garder les mises en page douces. Astuce: Gardez l'argile chaude pour les sections secondaires afin que la palette reste aérée.

Exemple d'Image de lin et claret généré en utilisant media.io

17) Brique urbaine et fumée

HEX :#303235#777b82#8a2432#c66a4a#e5d7c9

Ambiance :gritty, chaleureux, street-smart

Idéal pour :Torréfactions à café, streetwear, studios créatifs

Des gris fumée gras avec des tons de brique et de vin évoquent les ruelles de la ville, le néon chaud et la signalisation faite à la main. Les combinaisons de couleurs gris marron obtiennent un caractère supplémentaire ici grâce à l'accent brique, qui fonctionne bien pour les badges et les CTA secondaires. Associez-le à des polices condensées audacieuses et à une iconographie simple pour une finition urbaine. Astuce: Utilisez la crème comme un tampon calme entre les lourds blocs de gris foncé.

Exemple d'Image de brique urbaine et de fumée générée à l'aide de media.io

18) Minimal Marsala UI

HEX :#f7f7f8#b0b3b8#751d2f#2f3237#d9b9bf

Ambiance :Propre, moderne, ciblé

Idéal pour :kits d'interface utilisateur SaaS, tableaux de bord, flux d'intégration

Les neutres propres avec marsala et Ink-Grey se sentent ciblés, comme un espace de travail bien rangé et une interface nette. Utilisez marsala pour les boutons principaux et les indicateurs d'état des clés tout en gardant les surfaces presque blanches. Associez-le au gris plus foncé pour le texte et la navigation afin que l'interface utilisateur reste accessible. Astuce: Appliquez la teinte de blush sur des états ou des cartes sélectionnés pour ajouter de la douceur sans sacrifier la clarté.

Exemple d'Image de minimal marsala ui généré à l'aide de media.io

19) Cave rustique

HEX :#2e2f2c#6a6a65#6e1b2b#a8744f#efe7dc

Ambiance :Rustique, chaleureux, patrimoine

Idéal pour :Étiquettes de vin, marques de la ferme à la table, emballages artisanaux

Rustique et chaleureux, ces tons évoquent une porte de cave, des fûts de chêne et des étiquettes manuscrites. Utilisez le brun chaud comme un accent de support terreux pour les bordures et les emblèmes. Associez-le à des stocks de papier texturé ou des illustrations de gravure vintage pour vous pencher dans le patrimoine. Astuce: Gardez la crème légère pour l'espace négatif afin que les détails sur l'étiquette restent nets.

Exemple d'Image de cave rustique générée en utilisant media.io

20) Mariée gris Mauve

HEX :#f3eff2#b9bcc1#6c1c2a#c08b98#4a4d52

Ambiance :Romantique, doux, intemporel

Idéal pour :Marques de mariée, invitations, couvertures d'album photo

Le mauve romantique et le gris doux se sentent intemporels, comme un ruban de soie et des fleurs délicates. Utilisez le marron profond pour les noms, les monogrammes et les lignes clés, tandis que les tons pâles gardent tout aéré. Associez-le à des illustrations florales subtiles ou à un gaufrage pour rehausser la sensation premium. Astuce: gardez le gris plus foncé pour les détails en petits caractères afin que le marron reste réservé aux moments du héros.

Exemple d'Image de bridal mauve Grey généré avec media.io

Quelles couleurs s'accordent bien avec le gris-bordeaux ?

Les blancs chauds et les crèmes sont les compagnons les plus faciles pour le marron et le gris, ajoutant de la légèreté sans changer la sensation raffinée de la palette. Ils améliorent également la lisibilité pour les mises en page lourdes de texte et les écrans d'interface utilisateur.

Pour les couleurs d'accent, le blush atténué, le rose poussiéreux et le bronzage chaud gardent les choses douces et haut de gamme. Si vous voulez un pop supplémentaire, essayez un contraste contrôlé comme l'or moutarde ou un teal profond utilisé avec parcimonie.

Pour garder le schéma cohérent, choisissez des accents avec une saturation similaire «silencieuse» afin que maroon reste le héros plutôt que de se battre avec un partenaire brillant et hautement chrome.

Comment utiliser une palette de couleurs gris-bordeaux dans des designs réels

Commencez par un rapport neutre: laissez le gris et le blanc cassé gérer la plupart des surfaces (arrière-plan, cartes, espacement), puis attribuez le marron aux éléments les plus importants comme les en-têtes, les boutons CTA, les points forts des prix ou les états clés de l'interface utilisateur.

Utilisez plusieurs gris pour créer une hiérarchie: gris foncé pour le texte et la navigation, gris moyen pour les diviseurs et gris clair pour les panneaux. Cela maintient le design structuré de sorte que le marron puisse agir comme un accent confiant au lieu d'un remplissage complet.

Pour l'impression et le branding, le marron fonctionne parfaitement pour les sceaux, les monogrammes et les emballages haut de gamme, tandis que le gris garde tout moderne et propre. Ajoutez de la texture (grain de papier, bruit subtil) pour rendre les tons atténués plus riches.

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

Si vous disposez déjà de codes hexagonaux, vous pouvez les transformer en visuels de marque en générant des maquettes telles que des menus, des kits d'interface utilisateur, des emballages, des affiches et des tableaux d'humeur. Cela vous aide à voir comment le marron se comporte comme un accent par rapport à une couleur primaire.

Dans Media.io, collez ou décrivez votre palette, puis spécifiez le type de conception, le style de typographie et la mise en page (minimal, éditorial, vintage, etc.). Gardez clairement les invites sur "flat graphic design" par rapport à "realistic studio shot" en fonction du résultat dont vous avez besoin.

Une fois que vous avez quelques candidats, répétez en ajustant une variable à la fois (luminosité de l'arrière-plan, saturation marron ou pourcentage de couleur d'accent) pour maintenir le look cohérent dans un système complet de marque.

Ensuite : Palette de couleurs vert turquoise