Idées de palettes de couleurs marron, vert et bleu (22 meilleurs choix + Hex)

Une palette de couleurs marron-vert-bleu fusionne la chaleur ancrée (marron), l’équilibre organique (vert), et la clarté apaisante (bleu). C’est un mélange inspiré par la nature qui fonctionne pour le branding, l’UI, le packaging, et la décoration intérieure.

Découvrez ci-dessous plus de 20 associations marron-vert-bleu sélectionnées avec leurs codes HEX, ainsi que des conseils pratiques pour équilibrer les contrastes et choisir les accents sans alourdir le design.

Pourquoi les palettes marron-vert-bleu fonctionnent si bien

Les palettes marron-vert-bleu paraissent immédiatement crédibles car elles reflètent ce que l’on observe dehors : nuances boisées et terriennes, feuillage, et eau ou ciel. Cette familiarité naturelle inspire confiance pour les marques et crée une ambiance apaisante dans les interfaces.

Elles offrent aussi une grande polyvalence : le marron sert d’ancrage tout en ajoutant de la chaleur, le bleu apporte structure et hiérarchie, tandis que le vert signale des statuts, catégories, ou des codes “naturels”. Avec un neutre clair, la palette garde une bonne lisibilité sans devenir trop lourde.

L’atout principal, c’est l’équilibre entre contraste et cohésion. Si vous contrôlez la saturation et définissez bien le rôle de chaque couleur (arrière-plan, texte, accentuation), vous obtenez un rendu haut de gamme et harmonieux, loin des clichés champêtres surchargés.

20+ idées de palettes marron-vert-bleu (avec codes HEX)

1) Cabane en bord de rivière

HEX : #4b2e1e #6b8f3a #1f5a7a #e7dcc8 #2b2b2b

Ambiance : rustique, enracinée, chaleureuse

Idéal pour : moodboard de décoration intérieure pour cabane

Rustique et ancrée, cette palette évoque une cabane au bord de la rivière au crépuscule, avec l’ombre des pins et un courant bleu paisible. Utilisez le marron foncé sur les accents en bois, le vert pour le textile, et gardez le bleu pour un pan de mur ou une œuvre phare. Le blanc cassé crème empêche le tout de devenir trop lourd et donne une intention au choix de couleurs. Astuce : répétez le bleu en petites touches pour rythmer la déco sans surcharger la pièce.

Exemple d’image de “cabane en bord de rivière” générée 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 gratuitement maintenant

2) Pin côtier

HEX : #5a3a24 #2f6b4f #2a6f97 #f3efe6 #0f2430

Ambiance : frais, naturel, moderne

Idéal pour : maquette de page d’accueil d’un site de voyage

Frais et naturel, il évoque la silhouette de pins côtiers sur l’horizon bleu. La nuance sombre proche du marine est idéale pour les en-têtes et la navigation, tandis que le blanc cassé très pâle aère les sections. Utilisez le vert pour les boutons et les icônes, et réservez le bleu vif pour les liens ou états actifs. Astuce : gardez le texte principalement dans le ton encre foncé pour le contraste, et laissez la couleur guider la navigation.

Exemple d’image de “pin côtier” générée avec media.io

3) Denim mousseux

HEX : #6a4027 #7a9b4a #2d5f86 #d8d2c5 #3a3f44

Ambiance : décontracté, naturel, relaxé

Idéal pour : mise en page lookbook mode

Décontracté et naturel, ce combo rappelle le denim usé, la toile séchée au soleil et une touche de mousse de jardin. Le bleu atténué pose une base solide pour les fonds ou cadres photo, tout en laissant les produits se démarquer. Utilisez le vert par petites touches (sections, pictos, étiquettes prix). Astuce : gardez le marron en couleur de filet ou de légende pour un esprit haut de gamme et artisanal.

Exemple d’image de “denim mousseux” générée avec media.io

4) Bois de lac alpin

HEX : #3f2718 #3f7a4a #1f6d8f #f1e6d2 #1a1f22

Ambiance : aventureux, frais, naturel

Idéal pour : design de packaging équipement outdoor

Frais et aventureux, il évoque les sentiers alpins, l’eau des lacs et le cuir vieilli. Cette palette fonctionne particulièrement bien pour un packaging robuste cherchant des codes nature sans faire trop rustique. Utilisez le presque noir pour les noms de produit, le bleu-vert sur les badges, et le vert pour infos secondaires (fonctionnalités, tailles…). Astuce : imprimez le marron avec un effet mat pour un toucher premium.

Exemple d’image de “bois de lac alpin” générée avec media.io

5) Journal de terrain vintage

HEX : #7b4a2a #5f7f3a #3c6f8f #efe3cf #2f2a24

Ambiance : nostalgique, savant, calme

Idéal pour : mise en page article magazine

Nostalgique et calme, il évoque un carnet bien utilisé rempli de feuilles séchées et croquis à l’encre. Le ton papier chaud est parfait en arrière-plan pour la lecture, alors que le marron foncé ancre les titres. Ajoutez le bleu pour les citations ou infographies, et le vert en petites touches pour la navigation interne. Astuce : désaturez légèrement les images pour plus de cohérence.

Exemple d’image de “journal de terrain vintage” générée avec media.io

6) Cèdre épicéa et vagues

HEX : #5c341f #2f7b57 #2b7aa0 #f7f1e3 #163042

Ambiance : vivant, accueillant, épuré

Idéal pour : design de menu café

Vivant et convivial, il évoque les comptoirs en cèdre, les herbes fraîches et une touche d’eau pétillante. Le bleu profond est idéal pour les têtes de section du menu, puis le vert pour les icônes alimentaires ou suggestions. Le marron chaud met en valeur la photographie culinaire et apporte de l’authenticité. Astuce : Mettez le fond en crème douce au lieu de blanc pur pour un effet plus appétissant.

Exemple d’image de “cèdre épicéa et vagues” générée avec media.io

7) Bosquet du port profond

HEX : #3a2417 #2f5f46 #204f72 #e6dfd3 #0f1113

Ambiance : sérieux, stable, digne de confiance

Idéal pour : UI tableau de bord fintech

Sérieux et stable, il rappelle un port profond entouré de falaises verdoyantes. Les tons foncés ancrent graphiques et blocs de données tandis que le neutre clair évite de sombrer dans la morosité. Le bleu sert pour les actions principales, le vert pour les indicateurs positifs et boutons secondaires. Astuce : réservez le presque noir à la typo et aux séparateurs pour la lisibilité en petit format.

Exemple d’image de “bosquet du port profond” générée avec media.io

8) Oasis du désert et encre

HEX : #8a5a34 #6d8b3d #2f6c8f #f2e2c6 #2c2a28

Ambiance : chauffé au soleil, artistique, audacieux

Idéal pour : affiche évènementielle

Chauffé au soleil et artistique, ce mélange rappelle une oasis où l’eau sarcelle tranche avec les sentiers sableux. La base crème sable sert de fond d’affiche texturé et chaleureux. Le bleu attire le regard sur le titre, tandis que le vert valorise les infos secondaires (date, lieu). Astuce : Ajoutez un effet grain subtil pour lier les couleurs et éviter une impression trop plate.

Exemple d’image de “oasis du désert et encre” générée avec media.io

9) Tête de sentier pluvieuse

HEX : #4f3324 #4b7a5a #2d5e7c #e9e2d8 #4a4f52

Ambiance : brumeux, paisible, contemplatif

Idéal pour : illustration botanique à l’aquarelle

Brumeuse et paisible, elle évoque un sentier pluvieux où l’écorce mouillée et le feuillage se confondent dans une distance bleu-gris. Le bleu froid est idéal pour les ombres et la profondeur, tandis que le vert dessine les feuilles sans devenir fluo. Gardez la lumière neutre, comme la couleur du papier, et utilisez le brun pour les tiges ou les lavis texturés. Astuce : limitez-vous à deux intensités de pigments par couleur afin que l’illustration reste légère et cohérente.

Exemple d’image d’un sentier pluvieux généré avec media.io

10) Cuir Fougère Turquoise

HEX : #6b3f25 #3b7a4b #1e7b93 #f4e8d8 #1c2b2f

Ambiance : premium, assuré, plein air

Idéal pour : publicité pour sac en cuir

Premium et assuré, il suggère un artisanat du cuir avec une touche turquoise. Le brun riche se lit comme la priorité donnée au matériau, tandis que le turquoise et le vert ajoutent une note contemporaine et outdoor. Utilisez le blanc cassé pour les espaces négatifs et les spécifications produit afin que la publicité reste épurée et haut de gamme. Astuce : gardez le fond neutre et laissez un seul élément turquoise porter l’appel à l’action.

Exemple d’image de cuir fougère turquoise générée avec media.io

11) Atelier Botanique

HEX : #5a3b2a #3f7d4f #2c6f9a #efe7da #243137

Ambiance : pratique, calme, axé sur l’artisanat

Idéal pour : UI de site web d’atelier créateur

Pratique et calme, il rappelle un établi ordonné entouré de boutures et de bocaux étiquetés. Ce schéma de couleurs brun vert bleu convient parfaitement aux marques créatives car il équilibre chaleur et clarté. Utilisez le bleu pour les liens et les états interactifs, gardez le vert pour les filtres de catégories et laissez le brun apparaître dans les icônes ou illustrations. Astuce : placez les grands panneaux de contenu sur le neutre doux pour que les photos de produits restent fidèles aux couleurs.

Exemple d’image d’atelier botanique générée avec media.io

12) Herbes Maritimes à Minuit

HEX : #2e1c14 #2a6b5a #163f66 #dcd4c8 #0b0f12

Ambiance : sombre, élégant, cinématographique

Idéal pour : conception de pochette d’album

Sombre et cinématographique, il évoque l’eau de minuit, les silhouettes des herbes marines et une pointe de bois fumé. Le bleu profond et le quasi-noir créent un effet dramatique instantané pour la typographie, tandis que le vert atténué apporte un mouvement organique. Utilisez le neutre clair avec parcimonie pour le texte des pistes ou un emblème unique afin que la pochette reste sombre et immersive. Astuce : ajoutez un vignetage doux et contrôlez le contraste pour éviter les bords trop durs.

Exemple d’image d’herbes maritimes à minuit générée avec media.io

13) Argile et Varech

HEX : #8b5e3c #4f7f52 #2f6f88 #f6eddc #3a3a35

Ambiance : terreux, artisanal, équilibré

Idéal pour : identité de marque studio céramique

Terreux et artisanal, il rappelle l’argile tournée à la main près du varech et des bleus de mares. Le brun chaud est idéal pour les marques de logo et les textures estampées, tandis que le bleu garde une identité fraîche et côtière. Utilisez le vert comme accent sur des motifs, des étiquettes ou des modèles sociaux pour apporter de la vie sans crier. Astuce : essayez un papier non couché pour que la palette reste douce et tactile plutôt que brillante.

Exemple d’image d’argile et varech générée avec media.io

14) Atlas du Jardin

HEX : #6e452b #6a8f45 #2b6a8c #f1eadc #273038

Ambiance : organisé, informatif, naturel

Idéal pour : présentation infographique

Organisé et informatif, il rappelle un atlas de jardin avec des étiquettes nettes et des cartes aquarelles. Le bleu moyen est excellent pour les graphiques et les encadrés, tandis que le vert exprime naturellement les catégories. Utilisez le brun pour les titres ou les lignes clés afin de tout ancrer et garder la lisibilité sur le fond clair. Astuce : gardez les icônes simples et cohérentes afin que la palette raconte l’histoire.

Exemple d’image d’atlas du jardin générée avec media.io

15) Écorce et Baie

HEX : #4a2d1c #3c7a55 #2a5d7d #e8e0d3 #1e2428

Ambiance : stable, classique, plein air

Idéal pour : conception de couverture de livre

Stable et classique, il évoque des textures d’écorce rencontrant une baie abritée. Les teintes les plus sombres soutiennent des titres en gras et un contraste fort, tandis que le neutre clair allège la couverture. Utilisez le vert pour un petit motif ou une mise en valeur du nom de l’auteur, et gardez le bleu pour le principal bloc visuel ou le lavis d’illustration. Astuce : choisissez une police légèrement condensée afin que le design soit intemporel, pas juste à la mode.

Exemple d’image d’écorce et baie générée avec media.io

16) Couverture de Pique-nique Bleue

HEX : #7a4b2a #4f8a4f #2f7aa6 #fff3df #2b2d2f

Ambiance : joyeux, convivial, lumineux

Idéal pour : affiche pour festival familial

Joyeux et convivial, il rappelle une couverture de pique-nique sous un ciel bleu avec de verts frais à proximité. Le bleu vif peut porter le titre, tandis que le vert soutient les sous-titres et les éléments de repérage comme flèches ou cartes. Utilisez le brun comme accent pour border, badges ou lignes de sponsors afin que la mise en page ne flotte pas. Astuce : gardez beaucoup d’espace crème pour maintenir cette ambiance ensoleillée et aérée.

Exemple d’image de couverture de pique-nique bleue générée avec media.io

17) Sapin Tempétueux

HEX : #3b2418 #2f6a4a #2b5873 #e3dccf #15181a

Ambiance : dramatique, raffiné, enraciné

Idéal pour : écrans d’onboarding SaaS

Dramatique et raffiné, il évoque des nuages d’orage sur des crêtes de sapin. Le bleu-gris est excellent pour les grands panneaux et illustrations, tandis que le vert peut indiquer la progression sans paraître trop vif. Le brun chaleureux ajoute une touche humaine subtile pour les icônes ou micro-accents, équilibrant les tons plus froids. Astuce : gardez les dégradés minimaux et privilégiez les aplats pour un produit plus premium et stable.

Exemple d’image de sapin tempétueux générée avec media.io

18) Littoral Cuivré

HEX : #9a5b33 #4d7c55 #2b6f93 #f2e7d3 #1e2a2f

Ambiance : chaleureux, élégant, côtier

Idéal pour : emballage et étiquette de café

Chaleureux et élégant, il évoque des reflets cuivre sur une promenade côtière avec l’air marin en arrière-plan. Ces combinaisons de brun vert bleu sont idéales pour les étiquettes de café qui veulent se sentir à la fois artisanales et modernes. Mettez le brun chaud sur le logo et les notes de torréfaction, utilisez le bleu pour les badges d’origine ou de dégustation, et laissez le vert marquer durabilité ou certifications. Astuce : testez le bleu sur de petits formats imprimés pour qu’il reste lisible sur le fond crème.

Exemple d’image de littoral cuivré générée avec media.io

19) UI Minimaliste Bois

HEX : #5a341e #3f7a52 #2a6a86 #f5efe4 #202427

Ambiance : minimal, calme, inspiré nature

Idéal pour : kit UI pour application de productivité

Minimal et calme, il rappelle une forêt silencieuse avec juste assez de couleur pour guider le regard. Utilisez le neutre doux pour la toile, puis choisissez le bleu pour les actions principales et les onglets actifs. Le vert peut indiquer les tâches terminées ou le succès, tandis que le brun convient bien en séparateurs subtils et contours d’icônes. Astuce : gardez la saturation constante sur tous les composants pour que le UI soit cohérent en mode clair ou sombre.

Exemple d’image UI bois minimaliste générée avec media.io

20) Affiche Graphique Bord de Lac

HEX : #6a3f24 #4d8a5a #2f6f9e #f7ecd9 #2a2d30

Ambiance : frais, graphique, dynamique

Idéal pour : conception d’affiche d’art imprimée

Frais et graphique, il ressemble à une scène ensoleillée au bord du lac réduite à des formes nettes et des blocs audacieux. Le bleu lumineux crée une forte zone de focalisation, tandis que le vert soutient les formes secondaires comme les arbres ou les collines. Utilisez le brun pour les contours ou une petite ligne de titre afin que l’imprimé reste ancré et terminé. Astuce : limitez-vous à trois grandes zones colorées et laissez le fond crème respirer.

Exemple d’image d’affiche bord de lac générée avec media.io

21) Emballage Herbier

HEX : #7a4a2b #3e7b4a #2a6286 #f4e8d2 #2c2a26

Ambiance : clean, botanique, fiable

Idéal pour : ensemble d’emballage soin de la peau

Clean et botanique, il évoque un tiroir d’herbier avec étiquettes, feuilles séchées et notes à l’encre. Le crème doux donne un aspect doux et adapté à la peau, tandis que les nuances profondes apportent crédibilité et contraste. Utilisez le bleu pour différencier les types de produits et gardez le vert pour rappeler les ingrédients ou les sceaux. Astuce : réservez le brun pour des petites zones comme les bouchons ou les tampons de marque afin d’éviter un effet trop massif.

Exemple d’image d’emballage herbier générée avec media.io

22) Kit de Marque Studio

HEX : #5b3620 #5a8a55 #2d6c8e #f3eadc #1f262b

Ambiance : assuré, moderne, polyvalent

Idéal pour : présentation guide de marque

Assuré et moderne, il rappelle un bureau de studio où des matières chaudes rencontrent une structure claire et froide. Une combinaison de couleurs brun vert bleu comme celle-ci est polyvalente pour les marques voulant à la fois accessibilité et professionnalisme. Utilisez l’ardoise foncée pour la typographie, gardez le crème comme fond par défaut et réservez le bleu et le vert pour des systèmes comme graphiques, liens et encadrés. Astuce : documentez clairement les rôles des couleurs dans le guide pour garantir la cohérence sur le web et l’impression.

Exemple d’image de kit de marque studio générée avec media.io

Quelles couleurs s’associent bien au marron-vert-bleu ?

Les neutres clairs sont les partenaires les plus faciles du brun vert bleu — pensez crème chaud, sable ou gris doux — car ils maintiennent la palette respirable et garantissent la lisibilité du texte. Ils aident aussi à séparer les tons terreux des bleus froids afin que rien ne paraisse fade.

Pour un accent supplémentaire, testez des touches chaudes contrôlées comme le cuivre, la terre cuite ou le moutarde atténué. Si vous voulez une direction plus propre et moderne, ajoutez du blanc cassé avec un quasi-noir (charbon) pour la typographie et les séparateurs.

Quand vous avez besoin d’un éclairage doux, le rose poussiéreux ou le corail atténué sont étonnamment efficaces contre les tons turquoise/forêt, du moment qu’ils restent désaturés et utilisés avec parcimonie.

Comment utiliser une palette marron-vert-bleu dans des créations réelles

Assignez les rôles avant de concevoir : utilisez un neutre clair comme fond principal, un ton charbon/ink foncé pour le texte et choisissez bleu ou vert comme couleur d’action principale. Gardez le brun comme accent “matériau” (bordures, icônes, étiquettes, textures) pour ne pas surcharger la mise en page.

Équilibrez la température en associant le brun chaud au bleu froid dans une même zone visuelle, puis utilisez le vert pour les relier. En UI, réservez le vert pour les états de succès et filtres, et utilisez le bleu pour les liens, la sélection et les états sélectionnés afin de maintenir un comportement prévisible.

Pour l’impression et le branding, évitez de pousser les trois couleurs à leur saturation maximale. Atténuer légèrement le vert et le bleu rend souvent le brun plus riche et plus haut de gamme.

Créer des visuels marron-vert-bleu avec l’IA

Si vous présentez un concept ou créez un mood board, les visuels IA vous aident à tester comment vos tons brun, vert, bleu réagissent dans des scènes réelles—packaging, intérieurs, affiches et cadres UI—avant de passer à la production.

Commencez par une simple suggestion décrivant le format du design (affiche, site web, étiquette), puis précisez l’ambiance (rustique, moderne, cinématographique) et vos couleurs principales en tant que matériaux ou accents. Itérez en ne changeant qu’une variable à la fois (éclairage, texture ou composition) pour préserver la cohérence.

Utilisez Media.io pour générer rapidement des exemples thématiques à partager avec vos clients ou collègues.

À suivre : Palette de couleurs Saddle Brown