Idées de palettes de couleurs bleu et marron (20 choix + Hex + conception IA)

Le bleu et le marron est une combinaison de couleurs raffinée qui équilibre la confiance fraîche avec l'intensité chaude. Il peut se sentir intemporel et formel, ou moderne et énergique, selon la teinte et le contraste.

Vous trouverez ci-dessous 20 idées de palette de couleurs bleu marron (avec des codes hexagonaux) que vous pouvez utiliser pour le branding, l'interface utilisateur, la conception d'imprimés et les campagnes saisonnières.

Pourquoi les Palettes bleu marron fonctionnent si bien

Le bleu apporte structure, confiance et clarté, tandis que le marron ajoute de la profondeur, de la chaleur et une sensation haut de gamme. Ensemble, ils créent un contraste qui se lit intentionnellement plutôt que fort.

Cette combinaison est flexible dans tous les secteurs: le marron marine peut sembler corporatif et faisant autorité, tandis que les bleus plus vifs avec les rouges baies peuvent sembler sportifs, jeunes ou prêts à la campagne.

Parce que les deux couleurs peuvent être foncées, ajouter un neutre propre (crème, ivoire ou blanc frais) aide à maintenir la lisibilité et empêche les mises en page d'être lourdes.

20+ Idées de Palette de couleurs bleu marron (avec Codes hexagonaux)

1) Minuit Bourgogne Glow

hexagonal:#0B1D3A#1F4E79#6E0F1A#B23A48#F2E9E4

Humeur:moody, cinématographique, raffiné

Meilleur pour:branding de luxe, couvertures de livres, en-têtes éditoriaux

Les couleurs bleues de minuit et bordeaux ressemblent à des rideaux de velours et des lumières de la ville après la nuit tombée. Utilisez-le pour les marques haut de gamme, les titres dramatiques et les couvertures qui ont besoin de profondeur. Associez le blanc cassé à beaucoup de place pour respirer et laissez les maroons chauds porter des accents comme des boutons ou des callouts. Astuce: gardez le bleu marine le plus sombre comme fond principal pour éviter un mélange boueux de tons médians.

Exemple d'Image de midnight burgundy glow généré en utilisant media.io

Media.io

Media.io est un studio d'IA en ligne pour la création et l'édition de vidéos, d'images et d'audio dans votre navigateur.

Essayez-le maintenant gratuitement

2) Ardoise de vin du port

hexagonal:#102A43#334E68#7A1F2B#A1323A#D9E2EC

Humeur:stable, côtière, professionnel

Meilleur pour:decks d'entreprise, tableaux de bord financiers, pageuses de produits

Le bleu ardoise et le bleu marine nocturne apportent un ton régulier et digne de confiance, tandis que les rouges vins ajoutent de l'autorité sans crier. Cela fonctionne bien pour les pages B2B, les rapports et les écrans lourds de données où la clarté est importante. Utilisez le gris-bleu pâle comme toile et réservez le marron pour les indicateurs clés et les alertes. Conseil: Gardez les graphiques principalement en bleu et utilisez le marron uniquement pour une série mise en évidence.

Exemple d'Image de harbor wine slate généré en utilisant media.io

3) Théâtre Velours

hexagonal:#061A2D#0F3D5E#4A1020#8A2136#F7D7C4

Humeur:Dramatique, Romantique, vintage

Meilleur pour:Affiches d'événements, programmes de théâtre, album art

Dramatiques et romantiques, ces tons évoquent de vieux billets de jeu, de la lumière des bougies et des sièges en velours profond. La palette de couleurs bleu marron brille sur les affiches et les modèles de couverture où vous voulez un contraste riche et une ambiance nostalgique. Laissez la crème pêche agir comme espace de projecteur pour les titres et les dates, et gardez le marron pour la typographie focale. Astuce: Ajoutez un grain subtil ou une texture de papier pour rehausser la sensation vintage sans réduire la lisibilité.

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

4) Denim Merlot Minimal

hexagonal:#1B2A41#3A506B#5C1A2B#8C2F39#F5F1ED

Humeur:Calme, moderne, discret

Meilleur pour:Sites web minimaux, pages de portefeuille, intégration des applications

Les bleus denim propres avec les rouges merlot se sentent modernes, calmes et confiants. Cet ensemble convient aux mises en page minimales où vous voulez un accent fort sans saturation forte. Utilisez le blanc cassé chaud pour les arrière-plans et appliquez merlot aux CTA primaires ou aux diviseurs de sections. Conseil: Gardez la typographie dans le bleu le plus foncé pour maintenir un contraste doux et cohérent.

Exemple d'Image de denim merlot minimal généré en utilisant media.io

5) Winterberry Marine Pop

hexagonal:#081F3F#2C5AA0#7B1129#D12C4D#F1F5FB

Humeur:Croustillant, énergique, festif

Meilleur pour:Campagnes saisonnières, publicités sociales, branding sportif

Le bleu marine et le rouge baies vif ressemblent à l'air froid, aux manteaux en laine et aux vitrines en néon en hiver. Ces combinaisons de couleurs bleu marron fonctionnent lorsque vous avez besoin d'un contraste puissant pour des bannières, des promotions et des créations sociales à défilement rapide. Gardez le blanc presque glacé comme tampon afin que le rose-rouge chaud ne submerge pas le design. Astuce: Utilisez le rouge plus vif uniquement pour un élément héros par mise en page, comme un badge de réduction ou un bouton principal.

Exemple d'Image de winterberry navy pop généré avec media.io

6) bande de préparation classique

hexagonal:#0A2342#1D4E89#6A0F1D#C0A16B#FFFFFF

Humeur:Classique, Collégial, Poli

Meilleur pour:lookbooks de mode, branding de club, Papeterie

Poli et collégial, ce mélange rappelle les blazers, les cravates rayées et les emblèmes dorés. Le brun-or adoucit les tons profonds et rend les rouges plus patrimoniaux que dramatiques. Utilisez le blanc pour des marges nettes et laissez l'or agir comme une ligne de règle mince ou un détail de sceau. Astuce: Évitez les gros blocs d'or et gardez-le comme une couleur de garniture pour un résultat plus haut de gamme.

Exemple d'Image d'une bande de préparation classique générée à l'aide de media.io

7) Cave en brique bleu

hexagonal:#16213E#1F4068#8B1E3F#D3B88C#2B2B2B

Humeur:Rustique, à la terre, audacieux

Meilleur pour:menus de restaurants, étiquettes artisanales, intérieurs moodboards

Le bleu à la terre et le marron brique ressemblent à de vieilles caves, du bois vieilli et à la lumière chaude des lampes. Le bronzage sableux ajoute un élévation terre qui empêche le schéma de devenir trop lourd. Utilisez le charbon de bois pour le type et les contours, puis réservez le marron pour les en-têtes et les tampons des sections. Astuce: ajoutez une texture subtile comme du papier kraft ou du lin pour renforcer l'ambiance artisanale.

Exemple d'Image de brick cellar blue généré avec media.io

8) Bois de rose Indigo poussiéreux

hexagonal:#2A2D43#4B5D9A#5A2230#A26769#E6D7CF

Humeur:Doux, mature, confortable

Meilleur pour:Marques de bien-être, blogs de style de vie, emballages souples

Des tons doux d'indigo et de palisander évoquent des couvertures tricotées, des fleurs séchées et des matins calmes. Le mauve atténué relie les côtés frais et chauds, ce qui le rend doux plutôt que contrasté élevé. Utilisez le beige pâle pour les panneaux d'arrière-plan et gardez l'indigo pour la navigation et les titres. Astuce: associez-le à une photographie chaude et évitez le noir pur pour préserver l'ambiance confortable.

Exemple d'Image de bois de rose indigo poussiéreux généré en utilisant media.io

9) Canneberge du crépuscule côtier

hexagonal:#0F2C3F#2B5F8A#7C1D2D#E07A5F#F4F1DE

Humeur:Coucher de soleil, invitant, artistique

Meilleur pour:Affiches de voyage, Café branding, Marchandises pour créateurs

Les bleus du crépuscule côtier avec canneberge et corail doux ressemblent à une promenade au coucher de soleil près de l'eau. La crème chaude garde la palette conviviale et lisible, même avec des accents saturés. Utilisez coral pour soutenir les points saillants et laissez cranberry gérer les principaux appels comme les prix ou les articles en vedette. Astuce: gardez les dégradés subtils afin que le design reste propre et pas trop plageois.

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

10) Gallery Night Neutrals

hexagonal:#0B1320#1C2541#5B0F1B#8D99AE#EDF2F4

Humeur:Élégant, curé, contemporain

Meilleur pour:portfolios d'art, sites d'architecture, dépliants de galeries

Le bleu marine élégant et le sang d'oeuf avec des neutres frais ressemble à un mur de galerie moderne sous les projecteurs. Le gris-bleu est parfait pour les grilles, les sous-titres et les diviseurs subtils de l'interface utilisateur. Utilisez le presque blanc pour l'espace négatif et gardez le sang d'oeuf pour un élément focal fort par page. Astuce: Choisissez une famille de polices avec plusieurs poids pour correspondre au ton réglé et retenu.

Exemple d'Image de gallery night neutrals généré en utilisant media.io

11) Encre royale sang de boeuf

hexagonal:#001F54#034078#6B0F1A#A31621#FEF6E4

Humeur:Réel, audacieux, intemporel

Meilleur pour:logos premium, certificats, marque à but non lucratif

Les bleus d'encre royaux et les rouges de sang d'oeuf créent une atmosphère intemporelle et cérémonielle. Pour les marques et les badges, cette palette de couleurs bleu marron se lit faisant autorité sans avoir l'air trop corporatif. Utilisez la crème douce comme base similaire à un parchemin et gardez le rouge le plus vif pour les sceaux ou l'accent clé. Astuce: Lors de l'impression, testez les teintes rouges sur du papier non revêtu pour éviter d'assombrir trop.

Exemple d'Image de royal ink oxblood généré à l'aide de media.io

12) Sangria de fumée douce

hexagonal:#22303C#4A6FA5#6D1A2B#C9ADA7#F2F2F2

Humeur:Silencieux, sympathique, contemporain

Meilleur pour:Thèmes de blog, marques de services, modèles de présentation

Les bleus silencieux avec la sangria et les neutres rouges sont accessibles, comme de la fumée douce et du lin brossé. Le rose-beige poussiéreux rend le marron plus facile à utiliser dans de grandes zones sans se sentir trop intense. Essayez-le pour les diapositives, les sites de service et les pages longues où le confort compte. Astuce: Utilisez le blush pour les cartes et le marron pour les titres des sections pour garder la hiérarchie claire.

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

13) Collège rétro

hexagonal:#0B3C5D#1D2731#7A1020#C8B7A6#F4F4F4

Humeur:Rétro, sportif, confiant

Meilleur pour:Marchandises d'équipe, Conceptions de badges, Événements scolaires

Les tons sportifs rétro rappelent les vestes universitaires, les patchs cousus et les tribunes usées. Le neutre beige chaud maintient le look classique plutôt que dur. Utilisez la teinte la plus foncée pour les contours et le marron pour les emblèmes ou les highlights de type. Astuce: ajoutez un effet de détresse subtil aux badges pour promouvoir l'ambiance athlétique vintage.

Exemple d'Image de retro collegiate généré en utilisant media.io

14) Prune d'automne avec acier bleu

hexagonal:#1B3B6F#415A77#6D0F2B#B56576#F7EDE2

Humeur:chaleureux, romantique, saisonnier

Meilleur pour:suites de mariage automne, étiquettes de boutique, lookbooks

La prune chaude et l'acier bleu ressemblent à des pétales d'automne sur un ciel nuageux. Ces combinaisons de couleurs bleu marron sont parfaites pour des projets romantiques qui nécessitent à la fois douceur et structure. Utilisez la crème comme base de papier, puis couchez la prune pour les titres et le marron plus clair pour les fleurs ou les rubans. Conseil: Gardez le texte du corps en acier bleu pour la lisibilité tout en restant doux.

Exemple d'Image de prune d'automne avec acier bleu généré en utilisant media.io

15) Ciel nocturne Cabernet

hexagonal:#0A1128#001F54#7D1128#B12A34#D9D9D9

Humeur:intense, moderne, à haut contraste

Meilleur pour:branding technologique, visuels esports, bannières de héros

Les bleus intenses du ciel nocturne et les rouges cabernet créent un contraste net et moderne qui se sent rapide et ciblé. Le gris clair offre une pause neutre pour la typographie et l'interface utilisateur chrome. Utilisez le rouge plus vif pour les états interactifs comme hover ou active, et gardez le cabernet plus foncé pour les accents primaires. Astuce: Limitez les dégradés et appuyez-vous sur des bords nets pour maintenir la sensation tech-forward.

Exemple d'Image de night sky cabernet généré en utilisant media.io

16) Mûrier en Denim silencieux

hexagonal:#f3e46#4F6D7A#6C2A3A#B5838D#F8F9FA

Humeur:Doux, équilibré, tous les jours

Meilleur pour:Boutiques de décoration d'intérieur, newsletters, lifestyle packaging

Des tons de denim équilibrés avec mûrier et rose poussiéreuse se sentent quotidiens et portables, comme des couches décontractées par temps frais. La rose douce permet d'ajouter facilement de la chaleur sans se pencher trop rose. Utilisez le presque blanc comme fond principal et laissez mulberry gérer les titres et les petites icônes. Astuce: associer avec des finitions mates et des ombres douces plutôt que des effets brillants.

Exemple d'Image de muted denim mulberry généré en utilisant media.io

17) Mode sombre SaaS moderne

hexagonal:#0D1B2A#1B263B#7B1020#415A77#E0E1DD

Humeur:Élégant, technique, confiant

Meilleur pour:Applications dark mode, Panneaux d'administration, Outils pour développeurs

Les bleus foncés élégants avec un accent marron précis ressemblent à un espace de travail tard dans la nuit avec des écrans focalisés. Le gris-vert clair maintient l'interface utilisateur lisible sans éblouissement blanc dur. Utilisez maroon avec parcimonie pour des actions destructrices, des alertes ou un KPI remarquable. Astuce: augmentez l'espacement et utilisez des bordures subtiles pour séparer les panneaux au lieu de séparateurs lumineux.

Exemple d'Image du mode sombre saas moderne généré à l'aide de media.io

18) Élégance de la soirée de mariage

hexagonal:#12a46#2F6690#6F1D2B#C9B37E#FFF8F0

Humeur:Élégant, Célébrant, Romantique

Meilleur pour:Signalisation de mariage, cartes RSVP, menus de réception

Les bleus de soirée élégants avec le marron et l'or champagne évoquent des dîners aux bougies et des tenues formelles. La base ivoire chaude rend la palette accueillante tout en restant haut de gamme. Utilisez l'or comme accent de ligne fine pour les bordures et les monogrammes, et gardez le marron pour les noms ou les numéros de table. Astuce: Choisissez un seul traitement métallique, soit la feuille ou l'encre, pour éviter le désordre visuel.

Exemple d'Image d'élégance de soirée de mariage générée en utilisant media.io

19) Café artisanal

hexagonal:#1F2A44#3C4F76#5A1A2B#A78A7F

Humeur:chaleureux, artisanal, accueillant

Meilleur pour:Emballage de café, menus de café, cartes de fidélité

Des tons chauds et artisanaux rappelent à l'esprit la crème espresso, les tasses vintage et les étiquettes manuscrites. Le brun taupe adoucit le contraste et rend le marron plus terre que dramatique. Utilisez la crème comme base d'étiquette et le bleu plus profond pour les blocs de marque ou les tampons. Astuce: Associez avec des textures de papier tactiles et une iconographie simple pour un look artisanal authentique.

Exemple d'Image de artisan coffeehouse généré en utilisant media.io

20) Technique d'Accent néon

hexagonal:#0B1320#0057FF#7A1020#FF4D6D#F3F6FF

Humeur:Audacieux, futuriste, ludique

Meilleur pour:Annonces de démarrage, promotions d'applications, superpositions de streaming

Le bleu électrique audacieux et la rose néon contre le presque noir semblent futuristes et un peu rebelles. Les accents plus vifs sont parfaits pour les promotions, les annonces de métrages et les sections de héros énergiques. Utilisez le ton glace pâle pour les panneaux de texte et limitez le néon aux points forts afin qu'il reste haut de gamme. Astuce: Utilisez de grands types et des formes simples pour éviter que la saturation élevée ne devienne bruyante.

Exemple d'Image de neon accent tech généré à l'aide de media.io

Quelles couleurs vont bien avec le bleu marron?

Les neutres sont le pont le plus facile: l'ivoire, le blanc cassé chaud et le gris clair gardent les motifs bleu et marron lisibles et donnent à la palette de la place à respirer. Pour un look plus contemporain, essayez des tons gris-bleu et ardoise frais.

Les accents métalliques (or, champagne, brun) ajoutent une touche d'héritage, surtout avec le bleu marine et le marron foncé. Pour plus d'énergie, associez des bleus plus vifs à des tons de baies ou de roses et gardez le fond presque blanc.

Si vous avez besoin d'un contraste supplémentaire dans l'interface utilisateur, le charbon de bois et le quasi-noir fonctionnent mieux que le noir pur, tandis que les crèmes douces évitent la dureté du blanc vif contre les marines sombres.

Comment utiliser une Palette de couleurs bleu marron dans des modèles réels

Pour le branding, attribuez le bleu à la couche «système» (base logo, navigation, typographie) et le marron à la couche «signal» (CTA, highlights, badges). Cela maintient la palette cohérente et empêche les tons rouges de prendre le relais.

Dans la conception de l'interface utilisateur, utilisez les neutres clairs comme surfaces, le bleu pour la structure (onglets, en-têtes, graphiques) et le marron pour un accent clé par écran (alertes, une métrique primaire ou un bouton primaire). Le résultat est ciblé et professionnel.

Pour l'impression, testez les bleus foncés et les maroons sur votre stock réel; Ils peuvent surfoncer sur du papier non revêtu. Ajouter un fond crème et maintenir des marges généreuses améliore généralement la lisibilité instantanément.

Créer des visuels de Palette bleu marron avec l'IA

Si vous souhaitez prévisualiser l'apparence d'une palette de couleurs bleu marron sur des affiches, des pages de destination, des emballages ou des invitations, la génération de simulations visuelles rapides vous aide à décider plus rapidement que des échantillons seuls.

Avec l'outil de conversion de texte en image de Media.io, vous pouvez coller une invite, spécifier votre style de mise en page et itérer jusqu'à ce que l'équilibre de palette (marine vs. marron vs. espace neutre) soit le bon pour votre projet.

Suivant : Palette de couleurs blanc antique