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

Gris brun est un neutre chaleureux qui associe la stabilité du gris au confort du brun. C’est un choix privilégié pour les intérieurs rustiques modernes, l’image de marque haut de gamme, et les systèmes UI qui doivent transmettre calme et fiabilité.

Voici plus de 20 idées de palettes de couleurs gris brun avec les codes HEX, ainsi que des conseils pratiques pour combiner des accents et générer des visuels de palettes avec l’IA.

Pourquoi les palettes gris brun fonctionnent si bien

Les tons gris brun (souvent proches du taupe, du champignon ou du mocha) occupent un « milieu sûr » du spectre chromatique, ce qui les rend polyvalents en impression, web et décoration. Ils apportent de la chaleur sans virer au jaune ou à l’orange.

Parce qu’ils sont sourds, les associations gris brun gardent l’attention sur la typographie, les photos et les matériaux. C’est pourquoi on les retrouve fréquemment dans les packagings premium, identités minimalistes et tableaux de bord modernes.

Ils se superposent aussi joliment avec la texture—grain du papier, bois, pierre, lin et céramique. Même une palette simple devient riche quand la finition et l’éclairage font tout le travail.

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

1) Mocha champignon

HEX : #E7DED6 #C8BBAF #A5968A #6E625B #2F2C2A

Ambiance : calme, douillet, ancré

Idéal pour : intérieurs minimalistes chauds et photographies lifestyle

Calme et douillet comme un plaid en lin dans une lumière douce, ces tons sont chaleureux sans être lourds. Utilisez-les pour des moodboards d’intérieur, des visuels de café ou des retouches lifestyle où la texture compte. À associer avec de la quincaillerie noire mate et des blancs laiteux pour un résultat moderne. Astuce d’utilisation : gardez la teinte la plus foncée pour de petites touches, comme la typographie ou des bordures, pas pour de grands murs.

Exemple d’image de mocha champignon généré avec media.io

Media.io

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

Essayez-le gratuitement maintenant

2) Galet et cèdre

HEX : #F1ECE6 #D2C7BD #B0A299 #7C6D63 #3A332F

Ambiance : naturel, stable, rustique moderne

Idéal pour : marques outdoor, logos de menuiserie et systèmes packaging

Naturel et stable comme des galets de rivière au pied d’un tronc de cèdre, le contraste donne une sensation de confiance tranquille. Idéal pour une identité visuelle qui nécessite de la chaleur mais pas une allure trop vintage. À marier avec des papiers texturés blancs cassés et un seul accent vert sourd pour la fraîcheur. Astuce : faites attention au rendu selon le papier, éclaircissez légèrement les tons moyens pour les supports non couchés.

Exemple d’image de galet et cèdre généré avec media.io

3) UI Studio Taupe

HEX : #F7F4EF #D9D1C8 #B7ADA4 #867A71 #2B2725

Ambiance : calme, concentré, premium

Idéal pour : interface de tableau de bord, écrans de réglages et onboarding SaaS

Calme et concentré comme un bureau d’atelier bien rangé, ces neutres mettent le contenu en avant plutôt que le décor. Utilisez la teinte la plus claire pour les surfaces, le taupe moyen pour les séparateurs, le presque noir pour le texte accessible. Ajoutez un seul accent modéré (bleu poudre ou sauge) pour les états et les mises en avant. Astuce : réservez la teinte la plus foncée aux titres et boutons principaux, pas pour tout le texte de paragraphe.

Exemple d’image de ui studio taupe généré avec media.io

4) Affiche brume du désert

HEX : #EFE6DD #CDBFB3 #9E8E84 #6A5E57 #1E1B19

Ambiance : atmosphérique, cinématographique, sobre

Idéal pour : affiches d’évènement, promos de galerie et tirages d’art minimalistes

Atmosphérique et cinématographique comme une brume sur le désert au crépuscule, la palette est artistique sans être froide. Idéale pour des affiches typographiques où l’on veut un fond doux et une typo foncée affirmée. À associer avec des textures grains et un seul halo chaud pour l’effet de mouvement. Astuce : gardez les fonds légèrement chauds pour éviter un contraste trop dur avec les noirs.

Exemple d’image d’affiche brume du désert généré avec media.io

5) Latte avoine cacao

HEX : #F4EBDD #E0D1BF #BFA78F #8A6F5D #3B2E28

Ambiance : doux, accueillant, artisanal

Idéal pour : packaging de café, étiquettes de boulangerie, branding de menus

Doux et accueillant comme la mousse sur un latte cacao, ces nuances semblent faites main et gourmandes. Parfaites pour des packagings multiples où la chaleur doit s’exprimer sur différentes références. À associer avec des textures kraft et des pictos linéaires minimalistes pour un look contemporain. Astuce : utilisez le ton cacao pour les encadrés et badges afin que les teintes d’avoine restent aérées.

Exemple d’image de latte avoine cacao généré avec media.io

6) Denim délavé

HEX : #E9E2DB #C7BEB7 #9B948E #6D6661 #2A2726

Ambiance : frais, décontracté, éditorial

Idéal pour : lookbooks de mode et catalogues produits

Frais et décontracté comme un tissu délavé, le contraste doux donne une impression d’évidence et de modernité. Idéal pour des mises en page éditoriales où la photo doit primer et la typo rester discrète. À associer avec un seul accent indigo passé pour liens ou têtes de section. Astuce : privilégier l’espace blanc pour éviter que les gris moyens densifient la page.

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

7) Jardin de noyer et sauge

HEX : #F2EEE6 #D0C6BA #9A8B7D #6C6258 #6F7A63

Ambiance : terreux, ressourçant, botanique

Idéal pour : marques bien-être, soins naturels et illustrations botaniques

Terreux et ressourçant comme la terre du jardin sous les herbes, le mélange équilibre la chaleur avec une pointe de vert apaisant. Idéal pour une marque bien-être, étiquettes de bougies ou templates de réseaux sociaux tout en douceur. À associer à des fonds crème et motifs de feuilles subtils pour renforcer le côté naturel. Astuce : la sauge peut être le seul accent coloré pour préserver l’élégance des neutres.

Exemple d’image de jardin de noyer et sauge généré avec media.io

8) Cuisine en argile fumée

HEX : #F6EFE7 #D6C8BC #A88F81 #7A6357 #3A2E29

Ambiance : convivial, chaleureux, tactile

Idéal pour : concepts de rénovation de cuisine et catalogues déco

Convivial et tactile comme la vaisselle en argile fumée, ces tons apportent une impression de vécu et de chaleur. Excellent pour les concepts d’armoires, choix de carrelage et photos catalogues où les veines du bois sont valorisées. À combiner avec du laiton brossé et de la pierre crème pour éviter un rendu trop beige et plat. Astuce : répétez le ton le plus foncé dans les petits détails (poignées) pour unifier la pièce.

Exemple d’image de cuisine en argile fumée généré avec media.io

9) Logo minimal brun cendré

HEX : #F8F6F2 #DAD4CD #B0A9A2 #7B736D #1F1D1C

Ambiance : propre, raffiné, sobre

Idéal pour :services professionnels branding et logos minimalistes

Propre et raffinée comme une impression sur papier doux, le contraste reste subtil mais professionnel. Utilisez-le pour les consultants, les architectes et les studios qui veulent une autorité tranquille. Associez-le à un sans géométrique nette et à un fond blanc chaud pour garder tout net. Astuce d'utilisation: Faites le logo surtout sombre avec des tons plus clairs réservés à la papeterie et aux sections web.

Exemple d'Image de logo minimal brun frêne généré avec media.io

10) Neutraux de la rive

HEX :#EEE9E3#CFC6BE#A79E96#756D66#3B3633

Ambiance :Équilibré, à la terre, fiable

Idéal pour :Sites Web pour les constructeurs, l'immobilier et les entreprises locales

Equilibrés et fiables comme un chemin sur la rive d'une rivière, ces neutres semblent familiers et dignes de confiance. Ils sont un bon choix pour les sites Web de service qui ont besoin de lisibilité et d'un ton calme et pratique. Associez avec un accent bleu silencieux pour les liens et une crème chaude pour les pauses de section. Conseils d'utilisation: Gardez le texte de corps sur l'arrière-plan le plus clair pour maintenir le contraste sur les pages longues.

Exemple d'Image de neutres de rive de rivière générés à l'aide de media.io

11) Tableau de Menu du café

HEX :#F3EDE5#D9CDBF#B09A84#7A5F4C#2D221B

Ambiance :convivial, artisanal, accueillant

Idéal pour :Conception du menu, affichage du café et dépliants promotionnels

Amitieux et accueillant comme l'odeur d'un espresso dans un petit café, les bruns chauds se sentent artisanaux. Utilisez-le pour les tableaux de menus, les dépliants saisonniers et la conception de cartes de fidélité où la lisibilité est importante. Associez-le à une iconographie simple et à une base crème afin que les prix et les titres puissent être lus clairement. Astuce d'utilisation: Limiter le ton le plus sombre aux titres et aux prix clés pour guider la numérisation.

Exemple d'Image du tableau de menu coffeehouse généré à l'aide de media.io

12) Espace de travail en béton chaud

HEX :#F5F2EE#D7D0C8#AFA79F#7B746D#2C2927

Ambiance :Productif, moderne, calme

Idéal pour :Espace de travail Intérieurs et productivité Marque Visuels

Productive et calme comme du béton chaud sous la lumière du matin, la palette se sent moderne sans devenir stérile. Il fonctionne bien pour les espaces de coworking, les configurations de bureau et le contenu de productivité qui nécessite une base neutre. Associez-le au bois clair, au métal noir et à un seul accessoire teal muté pour un accent net. Astuce d'utilisation: Utilisez le gris moyen pour les ombres et la profondeur au lieu d'ajouter des couleurs supplémentaires.

Exemple d'Image d'un espace de travail en béton chaud généré à l'aide de media.io

13) Soirée de cabane rustique

HEX :#EDE4DB#C6B7A8#9C8574#6B5549#221A16

Ambiance :Confortable, rustique, intime

Idéal pour :Annonces de voyage, sites Web de lodges et marque d'hôtellerie

Confortable et intime comme une lampe de cabine la nuit, les bruns plus foncés ajoutent chaleur et profondeur. Utilisez-le pour les sites de lodges, les promotions de voyage et la marque d'hôtellerie où le confort est le gros titre. Associez-le à une photographie douce, des dégradés subtils et un serif propre pour vous pencher dans l'histoire rustique. Conseils d'utilisation: Gardez les arrière-plans plus clairs et laissez l'ombre profonde agir comme pied de page et ancre de navigation.

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

14) Grain de Film de sépia

HEX :#F2E7DA#D3C2AE#B08E6F#7B5A45#2B1E17

Ambiance :nostalgique, cinématographique, chaleureux

Idéal pour :Préréglages photographiques, affiches vintage et pages de narration

Nostalgiques et cinématographiques comme le grain de film sépia, ces tons ajoutent une histoire instantanée et de la chaleur. Ils conviennent aux pages de narration longues, aux promotions photo prédéfinies et aux affiches d'inspiration rétro. Associez-le à des marges crème et des textures de bruit subtiles pour le garder authentique plutôt que comme un costume. Astuce d'utilisation: Utilisez le mid sepia pour les superpositions à faible opacité pour unifier les photos mixtes.

Exemple d'Image de grain de film de sépia généré à l'aide de media.io

15) Marché de la poterie d'argile

HEX :#F7EFE6#E2D1C2#C2A189#8A6A55#3A2A22

Ambiance :Fait à la main, Terre, artisanal

Idéal pour :Emballages en céramique, salons d'artisanat et publicités de produits

Fait à la main et terre comme de l'argile cuite au soleil, la palette se sent artisanale et tactile. Il convient parfaitement aux marques de céramique, aux promotions de foires d'artisanat et à la photographie de produits où la texture se vend. Associez-le à une typographie sans simple et beaucoup d'espace négatif pour le garder haut de gamme. Astuce d'utilisation: Utilisez le ton moyen chaud comme couleur principale de la marque et réservez le marron foncé pour les tampons et les sceaux.

Exemple d'Image du marché de la poterie d'argile généré en utilisant media.io

16) Sentier des pins brumeux

HEX :#ECE7E1#C8C1BA#9B948D#6C6560#4E5A4D

Ambiance :Frais, extérieur, à la terre

Idéal pour :Marques de randonnée, newsletters de plein air et contenu sur la nature

Frais et à la terre comme un sentier brumeux à travers les pins, le vert atténué empêche les neutres de se sentir plats. Utilisez-le pour des bulletins d'information en plein air, des pages de destination d'équipement ou des modèles sociaux de première nature. Associez-le à un espace blanc net et un style photo fort pour le garder aéré. Astuce d'utilisation: Laissez le ton pin gérer les éléments interactifs tandis que les neutres portent la mise en page.

Exemple d'Image de foggy pine trail généré en utilisant media.io

17) Tableau de bord de biscuits et de charbon de bois

HEX :#F6F1EA#D8CFC4#B3A89D#5A5450#1B1A1A

Ambiance :Tranchant, moderne, à haut contraste

Idéal pour :Interface utilisant des données, applications fintech et panneaux d'administration

Tranchant et moderne comme le charbon de bois sur du papier chaud, le contraste est haut de gamme et lisible. Il est conçu pour une interface utilisateur lourde de données où les graphiques, les tableaux et la navigation dense ont besoin de structure. Associez-le à une seule couleur d'accent pour les alertes et les états de réussite afin que l'interface reste calme. Astuce d'utilisation: Utilisez du charbon de bois pour le texte et les icônes, et gardez les panneaux dans la plage des biscuits pour réduire l'éblouissement.

Exemple d'Image de biscuit et charbon de bord généré en utilisant media.io

18) Invitation en papier Antique

HEX :#8f1e5#E2D3C2#C1A78C#8A6F58#2C231D

Ambiance :Romantique, vintage, Élégant

Idéal pour :invitations de mariage, papeterie et annonces formelles

Romantique et vintage comme la papeterie antique, les neutres chauds se sentent intemporels et doux. Utilisez-le pour des invitations de mariage, des annonces formelles ou des articles de papeterie pour événements de boutique où la texture du papier brille. Associez-le à un serif classique, des bordures délicates et des fleurs retenues pour un look élevé. Astuce d'utilisation: Gardez l'arrière-plan dans la teinte la plus claire et utilisez le ton le plus sombre uniquement pour les noms et les détails clés.

Exemple d'Image d'une invitation en papier antique générée en utilisant media.io

19) Accent Mocha Rose

HEX :#F5EEE8#D8C9C2#A88C83#6E5A54#B77B7F

Ambiance :Doux, moderne, subtilement ludique

Idéal pour :branding de beauté, réseaux sociaux de boutique et kits de créateurs

Doux et moderne comme le moka avec un tourbillon rose, l'accent ajoute de la personnalité sans briser la base neutre. Il est idéal pour les marques de beauté, les kits de médias de créateurs et les modèles sociaux de boutique qui ont besoin de chaleur et d'accessibilité. Associez-le à une typographie sans épuration et à un espacement généreux pour le garder sophistiqué. Astuce d'utilisation: Utilisez la rose uniquement pour les points forts tels que des étiquettes, des boutons ou des marqueurs de prix afin qu'elle reste spéciale.

Exemple d'Image d'accent mocha rose généré en utilisant media.io

20) commerce électronique Bronze Mist

HEX :#F4F2EE#D3CCC4#AFA59C#7A7068#5E4A3F

Ambiance :Poli, digne de confiance, haut de gamme

Idéal pour :UI de commerce électronique, listes de produits et flux de paiement

Polies et dignes de confiance comme le bronze dans une brume douce, ces neutres se sentent haut de gamme et stables. Ils constituent une base solide pour l'interface utilisateur du commerce électronique où les photos des produits doivent rester vraies et les CTA ont besoin de clarté. Associez-le à un seul accent saturé pour les actions primaires afin d'éviter une expérience de paiement monotone et gardez les boutons secondaires silencieux. Astuce d'utilisation: Testez les états hover et disabled tôt, car les neutres subtils peuvent flouer sans étapes de contraste claires.

Exemple d'Image de bronze mist e-commerce généré en utilisant media.io

21) Cendres et grès

HEX :#EFE8DF#D1C6BA#A59386#6A5B52#242120

Ambiance :Architecture, terre à terre, confiance

Idéal pour :Portefeuilles d'architecture et présentations de construction

Architecturale et à la terre comme de la cendre contre le grès, les tons se sentent structurés et confiants. Utilisez-le pour les portefeuilles, les decks de propositions et les modèles de présentation qui ont besoin de clarté et de retenue. Associez-le à des règles fines, des systèmes de grille et une photographie forte de matériaux comme le béton et le bois. Astuce d'utilisation: Utilisez le ton le plus sombre pour les diviseurs de sections et les titres pour garder les diapositives nettes à distance.

Exemple d'Image de cendres et de grès générés à l'aide de media.io

22) Appaiement Harvest Dusk

HEX :#F3E9DF#D6C1B0#B0886E#7B5A46#3B2A21

Ambiance :chaleureux, saisonnier, accueillant

Idéal pour :Campagnes d'automne, photographie alimentaire et landing pages saisonnières

Chaude et saisonnière comme le crépuscule de la récolte, la palette est accueillante sans devenir orange. C'est l'une de ces combinaisons de couleurs gris-brun qui fonctionnent pour le contenu alimentaire, les pages de ventes d'automne et les en-têtes de courriels confortables. Associez-le à des accessoires naturels comme le lin, le bois et des ombres douces pour garder l'ambiance cohérente. Astuce d'utilisation: Mettez la teinte la plus profonde derrière le type blanc pour les bannières de héros et les rubans promotionnels.

Exemple d'Image de harvest dusk pairing généré à l'aide de media.io

Quelles couleurs se marient avec le gris brun ?

Le gris marron s'associe naturellement aux blancs chauds, aux tons crème et farine d'avoine pour une gamme neutre douce et cohérente. C'est le moyen le plus simple de garder les agencements aérés tout en se sentant à l'aise.

Pour contraste, essayez le charbon de bois ou le quasi-noir pour la typographie et les séparateurs fins-cela maintient la lisibilité élevée sans introduire un noir pur dur. À l'intérieur, le matériel noir mat fonctionne particulièrement bien.

Si vous voulez une seule couleur d'accent, les verts atténués (sauge, pin), les bleus poussiéreux ou un rose/pastel retenu peuvent ajouter de la personnalité tout en gardant la palette à la terre.

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

Commencez par des rôles, pas des échantillons: choisissez une base claire (fond), un ton moyen (cartes/sections), un neutre plus sombre (bordures) et un presque noir (texte). Ajoutez ensuite une couleur d'accent pour les CTA ou les highlights.

Dans le branding, les tons gris brun brillent lorsque vous vous appuyez sur les matériaux – papier non revêtu, gaufrage, textures kraft et photographie naturelle. Laissez la texture et l'éclairage créer de la profondeur au lieu d'ajouter des couleurs supplémentaires.

Pour l’interface utilisateur, testez l’accessibilité tôt : assurez-vous que le texte principal repose sur la teinte la plus claire, et réservez la teinte la plus foncée pour les titres, les icônes et la navigation clé afin que l’interface ne paraisse pas lourde.

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

Si vous créez un moodboard, un kit de marque ou un concept UI, générer quelques images cohérentes aide à valider rapidement l’ambiance. Grâce à l’IA, vous pouvez tester un look “lin minimaliste”, “rustique moderne” ou “dashboard premium” en quelques minutes.

Utilisez vos mots-clés de palette (champignon, taupe, moka, grès) ainsi qu’une description de scène claire, puis itérez en modifiant la lumière (lumière du jour douce vs crépuscule cinématique) pour adapter à votre cas d’usage.

Lorsque vos visuels sont corrects, réutilisez la même structure d'invite sur plusieurs sorties pour garder la cohérence du style pour les publicités, pages d’accueil et modèles sociaux.

Prochain : Palette de Couleurs Rose Pastel