Le marron est un brun chaud à l’aspect naturel et enraciné—parfait pour donner à vos designs une impression de confort, de confiance et d’intemporalité.
Voici ci-dessous des idées de palettes de couleurs marron avec des codes HEX à utiliser pour la marque, l’UI, l’impression ou l’intérieur, ainsi que quelques exemples d’invites IA pour visualiser rapidement chaque gamme.
Dans cet article
- Pourquoi les combinaisons de couleurs marron fonctionnent-elles si bien ?
-
- studio marron fumé
- neutres âtre d’automne
- équilibre cuivre et crème
- contraste encre de noyer
- chuchotement argile terracotta
- cacao lin minimal
- écorce de forêt et mousse
- accent rosewood blush
- espresso or luxe
- châtaigne et ardoise moderne
- latte cannelle avoine
- cuisine brique et sauge
- acajou tombée de la nuit
- facilité sables de noix de pécan
- récolte rustique du verger
- éditorial papier sépia
- dégradé terre d’ombre brûlée
- cottage crème de cèdre
- twist orchidée et marron
- extérieur pierre chaude
- emballage épices de fête
- Quelles couleurs s’accordent bien avec le marron ?
- Comment utiliser une palette marron dans des designs réels
- Créez des visuels de palette marron avec l’IA
Pourquoi les combinaisons de couleurs marron fonctionnent-elles si bien ?
Le marron occupe un doux équilibre entre terreux et sophistiqué. Il évoque le confort du bois, du cuir ou des plats chauds—sans être trop rustique lorsqu’il est associé à des neutres clairs.
Il s’associe aussi bien avec les tons chauds que froids. Les crèmes et beiges lui apportent douceur et légèreté, tandis que les charbons, bleus ardoise et verts atténués ajoutent un contraste moderne.
Sur le plan de la lisibilité, le marron est une excellente couleur d’« ancrage » : idéale pour les en-têtes, cadres, et éléments clés de l’UI, surtout en l’équilibrant avec des fonds clairs pour une bonne lisibilité.
20+ Idées de palettes de couleurs marron (avec codes HEX)
1) Studio marron fumé

HEX : #7A3F33 #B07A63 #E8D6C8 #2E2A28 #AFA6A0
Ambiance : chaleureux, ancré, moderne
Idéal pour : identité visuelle d’un torréfacteur artisanal
Chaud et fumé, cette combinaison de marron évoque les grains torréfiés, le bois vieilli et un arrière-plan de studio épuré. Parfaite pour les logos, étiquettes et modèles sociaux où vous cherchez de la profondeur sans lourdeur. Associez le brun foncé à la crème pour la lisibilité, puis utilisez le brun-rosé atténué pour les touches de lumière. Astuce : gardez le charbon pour la typographie et laissez le marron dominer sur les grands aplats ou panneaux d’emballage.
Exemple d’image du studio marron fumé générée avec media.io
Media.io est un studio IA en ligne pour créer et éditer des vidéos, images et sons dans votre navigateur.
2) Neutres âtre d’automne

HEX : #8B4A3A #C58B73 #F2E6DA #6D7366 #3A2E2A
Ambiance : douillet, rustique, calme
Idéal pour : moodboard intérieur salon
Chaleureux et familier, il évoque l’éclat du foyer, les plaids en laine et la pierre usée. Idéal pour les intérieurs, marques de style de vie et pages d’accueil saisonnières qui demandent chaleur et sobriété. Le vert sauge-gris garde les bruns équilibrés et la crème apporte de l’espace. Astuce : répétez la teinte la plus claire sur les grandes surfaces puis ajoutez le marron en détails subtils, comme les finitions ou boutons.
Exemple d’image neutres âtre d’automne générée avec media.io
3) Équilibre cuivre et crème

HEX : #7D3E2F #D08A5B #FAF1E6 #B9B1A6 #4A3B34
Ambiance : accueillant, lumineux, artisanal
Idéal pour : design de menu et carte de prix de boulangerie
Accueillante et légèrement sucrée, cette palette marron rappelle les croûtes caramélisées, les casseroles en cuivre et le papier frais. Idéale pour menus, panneaux de café et impressions pour petites entreprises où la chaleur doit rester épurée. Utilisez la crème en base, le cuivre pour les highlights, et gardez le brun le plus foncé pour les titres. Astuce : limitez le cuivre à 10–15% pour qu’il reste un accent et non une distraction.
Exemple d’image équilibre cuivre et crème générée avec media.io
4) Contraste encre de noyer

HEX : #6F3528 #A55A43 #EDE3DA #1F1E1D #7D8A8E
Ambiance : audacieux, éditorial, raffiné
Idéal pour : section héro site web marque vêtements homme
Audacieuse et sur mesure, cette palette marron évoque le cuir de noyer, une typographie noire et des détails métalliques froids. Parfaite pour sections héro, lookbooks et e-commerce premium où le contraste compte. Le gris-bleu doux apporte sophistication et modernité à la chaleur. Astuce : utilisez le quasi-noir pour la navigation et les boutons, puis ajoutez le marron dans les surimpressions ou séparateurs de sections.
Exemple d’image contraste encre de noyer générée avec media.io
5) Chuchotement argile terracotta

HEX : #874336 #C56E59 #EED8CC #D7C1A7 #4C3A33
Ambiance : cuit au soleil, doux, fait main
Idéal pour : emballage de produits céramiques
Cuit au soleil et tactile, cela suggère la poussière d’argile, les pots en terracotta et le lin doux. Idéale pour objets faits main, étiquettes de poterie et cosmétiques artisanaux naturels. Associez la terracotta rosée à du papier crème et gardez le brun le plus sombre pour tampons et cachets. Astuce : optez pour une finition mate pour garder ces tons terreux au lieu de brillants.
Exemple d’image chuchotement argile terracotta générée avec media.io
6) Cacao lin minimal

HEX : #6A3B2E #9B6B57 #F6EFE7 #D5C7B9 #3B3532
Ambiance : minimal, doux, fiable
Idéal pour : UI page produit e-commerce épurée
Douce et minimaliste, elle évoque la poudre de cacao sur lin dans une atmosphère calme et moderne. À utiliser pour pages produits, sites de soins, et modèles qui reposent sur l’espace blanc. Les bruns moyens fonctionnent pour cartes et bordures, le quasi-noir anchor la typographie. Astuce : gardez les boutons en marron moyen et la crème la plus claire pour les espacements et ruptures de section.
Exemple d’image cacao lin minimal générée avec media.io
7) Écorce de forêt et mousse

HEX : #7B3F2F #B07057 #E7D2C2 #4E5C3F #2C2B25
Ambiance : terreux, nature, ancré
Idéal pour : logo et étiquette équipements extérieurs
Terreux et nature, cela évoque l’écorce, sentiers moussus et fumée de feu de camp. Idéal pour équipements outdoor, étiquettes bio et marques axées nature, robustes. Le vert mousse apporte fraîcheur sans refroidir la gamme, le charbon garde le texte net. Astuce : utilisez le vert parcimonieusement comme couleur « badge » pour guider le regard sur les étiquettes.
Exemple d’image écorce forêt et mousse générée avec media.io
8) Accent rosewood blush

HEX : #7D3C34 #B86A63 #F3E2DC #CBB6A8 #3E2D2C
Ambiance : romantique, doux, raffiné
Idéal pour : suite invitation de mariage
Romantique et délicatement soigné, il évoque mobilier en palissandre, fleurs blush et papeterie texturée. Convient pour invitations, branding beauté, packaging boutique qui demande chaleur et délicatesse. Laissez le blush en fond, puis le brun profond pour les noms et infos clés. Astuce : ajoutez un léger grain papier, gardez le contraste élevé pour la lisibilité en petit texte.
Exemple d’image accent rosewood blush générée avec media.io
9) Espresso or luxe

HEX : #5A2E24 #8A4A3A #E9DDCF #C7A24A #1F1B1A
Ambiance : luxueux, dramatique, premium
Idéal pour : bannière publicitaire produit parfum
Luxueux et spectaculaire, il évoque la crème d’espresso, les bordures dorées et une ambiance de soirée. Ce ton est idéal pour des publicités de produits haut de gamme, des lancements beauté et des bannières sociales sophistiquées. Utilisez l’or comme accent subtil pour les bordures, les icônes ou un seul call-to-action. Astuce : gardez le fond sombre et laissez la crème mettre en valeur les blocs de texte pour une lecture instantanée du message.
Exemple d'image de luxe espresso doré générée avec media.io
10) Moderne Marron Ardoise

HEX : #7A3F33 #B07A63 #EDE1D7 #55656F #2A2625
Ambiance : moderne, équilibré chaud-froid, urbain
Idéal pour : thème de tableau de bord SaaS
Moderne et urbain, il associe des tons boisés chauds à de l’ardoise pour une ambiance affirmée et technologique. Ces combinaisons marron éclatent sur les tableaux de bord où la hiérarchie doit être claire sans gris austère. Utilisez l’ardoise pour les panneaux et barres latérales, puis intégrez le marron aux métriques clés, aux commutateurs ou aux états de focalisation. Astuce : réservez le ton le plus sombre pour les titres et vérifiez le contraste des petits labels UI.
Exemple d'image marron ardoise moderne générée avec media.io
11) Lait d’Avoine Cannelle

HEX : #8B4C3A #C98B6C #F7EFE5 #E1C9B2 #5A4037
Ambiance : réconfortant, convivial, accessible
Idéal pour : carte fidélité café et tampon
Réconfortant et chaleureux, il rappelle la mousse cannelle, l’avoine grillée et la lumière douce du matin. Parfait pour les cafés, les newsletters bien-être et le packaging qui doit inspirer la proximité. Utilisez l’avoine et la crème en fonds, puis ajoutez les bruns plus riches pour les tampons et petites icônes. Astuce : imprimez le ton moyen sur papier non couché pour maintenir la chaleur et éviter les ombres ternes.
Exemple d'image lait d’avoine cannelle générée avec media.io
12) Cuisine Brique et Sauge

HEX : #7C3B2E #B9634C #F1E3D6 #7E8B6B #3C332E
Ambiance : familial, frais, traditionnel
Idéal pour : plan de couleurs rénovation cuisine
Chaleureux et frais, il rappelle les fours à briques, les bouquets d’herbes et les meubles peints. Un choix malin pour une palette de cuisine où la chaleur doit être contrebalancée par une touche de fraîcheur. La sauge convient bien aux armoires ou carreaux accent, tandis que le marron s’ajuste aux sols en bois et étagères ouvertes. Astuce : gardez la quincaillerie et les joints dans la teinte crème pour harmoniser la pièce.
Exemple d'image cuisine brique et sauge générée avec media.io
13) Nuit Acajou

HEX : #4B231C #7A3A2E #DCC8B8 #2B2F33 #9A6B56
Ambiance : sombre, cinématographique, affirmé
Idéal pour : design couverture roman policier
Sombre et cinématographique, il évoque des étagères acajou, la pluie au crépuscule et les coins de lecture faiblement éclairés. Parfait pour les couvertures de livre, affiches et campagnes ayant besoin de profondeur et de mystère. Utilisez le beige chaud comme zone d’accent pour les titres, ensuite le texte principal en gris anthracite pour un contraste net. Astuce : ajoutez un grain subtil et gardez les valeurs les plus foncées pour bords et ombres.
Exemple d'image nuit acajou générée avec media.io
14) Douceur Pécan Pierre

HEX : #845041 #B88973 #F4E9DE #D8C2AE #6B625C
Ambiance : détendu, aérien, discret
Idéal pour : brochure spa et liste de services
Détendus et aérés, ces combinaisons marron rappellent les coquilles de pécan, les sentiers de pierre et les peignoirs de coton doux. Parfait pour les brochures de spa, blogs slow life et menus de services apaisants. Gardez la crème claire comme base dominante, puis utilisez le marron moyen chaud pour titres et repères de section. Astuce : combinez un espacements généreux avec le gris taupe pour une ambiance premium et tranquille.
Exemple d'image douceur pécan pierre générée avec media.io
15) Récolte Rustique du Verger

HEX : #8A4432 #C06B43 #F2E1D0 #9C8F53 #3A2B26
Ambiance : récolte, ensoleillé, nostalgique
Idéal pour : affiche marché fermier
Éclatante et nostalgique, la palette marron évoque des cageots de pommes, le soleil de l’après-midi et l’épice chaleureuse dans l’air. Idéale pour affiches marché fermier, promotions saisonnières et marques alimentaires artisanales. L’olive-dorée soutient les illustrations naturelles sans distraire du titre principal. Astuce : utilisez le marron foncé pour une typographie grande et audacieuse et laissez les tons clairs porter le fond.
Exemple d'image récolte rustique verger générée avec media.io
16) Editorial Papier Sépia

HEX : #7A4335 #A8705D #F7F0E7 #D7CBBF #33302F
Ambiance : éditorial, réfléchi, intemporel
Idéal pour : mise en page article magazine
Éditorial et intemporel, il évoque l’encre sépia sur papier crème avec une touche humaine. À utiliser pour les articles longs, portfolios et sites web inspirés de l’impression où le confort compte. Le neutre foncé garde le texte net, tandis que les bruns chauds rythment les citations et entêtes de section. Astuce : limitez la couleur accent aux titres et lignes pour garder la mise en page calme.
Exemple d'image editorial papier sépia générée avec media.io
17) Dégradé Terre Brûlée

HEX : #5C2A1F #7F3B2D #A65A43 #E6C8B4 #F7EBDD
Ambiance : audacieux, chaud, énergique
Idéal pour : écrans d’accueil application
Audacieuse et énergique, elle évoque un dégradé chaud à l’heure dorée vers l’ombre riche de terre brûlée. Parfaite pour onboarding, splash screens et bannières nécessitant un impact fort. Utilisez le ton le plus sombre pour le premier écran, puis passez à des crèmes plus claires pour signaler la progression et la clarté. Astuce : gardez les icônes simples et placez le texte principal sur le fond le plus clair pour l’accessibilité.
Exemple d'image dégradé terre brûlée générée avec media.io
18) Cottage Crème Cèdre

HEX : #7E3F2E #B17B61 #F5E9DD #C6B4A5 #4B3C35
Ambiance : cottage, doux, accueillant
Idéal pour : visuels couverture annonce Airbnb
Doux et accueillant, il rappelle les lambris de cèdre, les rideaux crème et le calme d’un week-end en cottage. Parfait pour graphisme d’hospitalité, couvertures d’annonces et livrets de bienvenue à l’ambiance chaleureuse et épurée. Le taupe doux soutient la superposition de texte sans contraste dur. Astuce : placez les titres sur blocs crème et reprenez le marron moyen en petites icônes pour un look cohérent.
Exemple d'image cottage crème cèdre générée avec media.io
19) Twist Marron Orchidée

HEX : #7A3E33 #B56A57 #F2E2DB #7B5A86 #2E2A2D
Ambiance : créatif, moderne, légèrement ludique
Idéal pour : templates social marque beauté
Créatif et moderne, il combine marron chaud et orchidée atténuée pour une impression artistique, pas criarde. Ces combinaisons sont parfaites pour contenus beauté, posts lifestyle et templates créateurs cherchant un accent signature. Utilisez l’orchidée pour stickers et petites formes, tandis que le marron reste dominant dans typographie et bordures. Astuce : gardez le fond doux et placez l’accent dans un endroit fixe par mise en page.
Exemple d'image twist marron orchidée générée avec media.io
20) Extérieur Pierre Chaude

HEX : #744034 #9E6A5A #EDE1D6 #A7A09A #3C3431
Ambiance : architectural, stable, naturel
Idéal pour : planification peinture extérieure maison
Architectural et stable, il suggère pierre chaude, bois vieilli et entrées ombragées. Très adapté pour la planification extérieure, brochures immobilières et dossiers rénovation où les neutres affirmés sont requis. Utilisez la crème claire pour les moulures, le marron pour portes ou volets, et le gris pour toiture ou détails pierre. Astuce : testez le ton moyen selon la lumière du jour avant d’engager de grosses surfaces.
Exemple d'image extérieur pierre chaude générée avec media.io
21) Emballage Épices Festives

HEX : #7A2F24 #A94A3A #EED9C7 #2E6A5B #B38B2E
Ambiance : festif, confortable, riche
Idéal pour : set emballage cadeau saisonnier et étiquettes
Festif et cocooning, il évoque cacao épicé, brins d’épicéa et touches de ruban métallique. En palette marron, il équilibre la chaleur et le contraste festif pour emballages, étiquettes et petits packagings. Utilisez le vert profond pour petits motifs et gardez l’or en accent léger façon foil pour la sobriété. Astuce : imprimez les étiquettes sur fond crème et attachez avec une ficelle verte pour unir l’ensemble.
Exemple d'image emballage épices festives générée avec media.io
Quelles couleurs s’accordent bien avec le marron ?
Le marron s’associe facilement avec les blancs crème, l’avoine, le beige et les gris chauds pour un look naturel et doux. Ces neutres rendent la palette plus respirable et permettent au marron d’apparaître premium, sans lourdeur.
Pour un contraste moderne, combinez le marron avec charbon, quasi-noir, bleu ardoise ou gris acier—parfait pour UI et mises en page éditoriales. Pour une touche plus nature, ajoutez sauge atténuée, vert mousse ou accents olive-doré.
Pour un esprit plus ludique ou axé beauté, ajoutez du mauve, orchidée ou rose atténué. Gardez la couleur accent limitée pour que le marron reste le “héros” de la palette.
Comment utiliser une palette marron dans des designs réels
En branding, utilisez le marron comme ancrage (logo, fonds principaux, panneaux packaging) et laissez la crème gérer l’espace négatif pour plus de clarté. Ajoutez un accent soutenant (cuivre, sauge, ou or) pour surligner badges, sceaux ou callout.
En web et UI, réservez le ton le plus sombre pour texte et navigation, puis utilisez le marron pour états actifs, boutons et points clés de données. Associez-le à des crèmes claires pour sections et cartes pour garder l’interface lisible.
En déco intérieure, le marron fonctionne mieux comme couleur matière—bois, cuir, moulures ou portes—équilibré avec blancs cassés chauds et verts/gris atténués sur surfaces secondaires pour éviter l'effet trop rouge.
Créez des visuels de palette marron avec l’IA
Si vous avez déjà les codes HEX, générez vite des visuels cohérents en décrivant le contexte et en précisant que le marron est la teinte dominante. Cela vous aidera à prévisualiser le comportement de la palette sur packaging, affiches ou écrans UI avant de concevoir réellement.
Essayez une palette ci-dessus, réutilisez son prompt, puis changez le sujet (menu, étiquette, bannière) en gardant les mêmes mots-clefs lumière et style. Vous obtiendrez un “set” cohérent d’images assorties à votre gamme marron.
Avec Media.io, itérez rapidement—testez fonds, contraste typographique et placement d’accent jusqu’à ce que la palette soit équilibrée.
FAQ Palette Marron
-
Quel est le code HEX du marron ?
Le marron n’a pas un code HEX unique, mais parmi les nuances courantes on trouve #7A3F33, #8B4A3A et #744034. Choisissez celui correspondant à la chaleur (plus rouge) ou à la profondeur (plus brun) recherchée. -
Le marron est-il une couleur chaude ou froide ?
Le marron châtaigne est généralement une couleur chaude car il contient des nuances rouges/orangées. Vous pouvez le refroidir en l’associant à de l’ardoise, du bleu-gris ou du gris anthracite. -
Quelles couleurs complètent le marron châtaigne ?
Les meilleures associations incluent le crème et le beige pour la douceur, le vert sauge ou mousse pour un équilibre naturel, et l’anthracite ou presque noir pour un contraste moderne. L’or et le cuivre fonctionnent aussi très bien comme accents raffinés. -
Comment empêcher une palette châtaigne d’être trop sombre ?
Utilisez une base claire (crème/blanc cassé) pour la majorité de la mise en page, réservez le châtaigne pour les blocs clés, et gardez le marron le plus foncé ou le noir principalement pour le texte. Cela préserve la chaleur tout en maintenant la lisibilité. -
Le marron châtaigne convient-il pour un design d’interface moderne ?
Oui—surtout associé à des neutres froids comme l’ardoise (#55656F) ou le bleu-gris (#7D8A8E). Utilisez le châtaigne pour les appels à l’action et les éléments saillants, tout en gardant les arrière-plans clairs pour l’accessibilité. -
Quelle est une bonne palette châtaigne pour une identité automnale ?
Essayez Autumn Hearth Neutrals ou Rustic Orchard Harvest. Ces deux palettes combinent des marrons châtaigne avec des crèmes chauds et des verts/dorés atténués pour une ambiance saisonnière et naturelle. -
Puis-je générer des maquettes sur le thème châtaigne avec une IA ?
Oui. Utilisez une invite qui précise le sujet (packaging, affiche, interface), les couleurs dominantes (châtaigne + tons complémentaires), et l’éclairage/style. Faites ensuite varier un seul paramètre à la fois pour garder des résultats cohérents.
Suivant : Palette de couleurs Lavande Violette



