Les 23 meilleures combinaisons de couleurs jaune et marron avec code hexadécimal

Le jaune et le bordeaux forment une association intemporelle : la chaleur lumineuse et optimiste du jaune s’équilibre avec la profondeur riche et vinique du bordeaux. C’est une manière simple de donner à vos designs une sensation haut de gamme, accueillante et affirmée, sans recourir aux tons néon tendance.

Vous trouverez ci-dessous plus de 20 idées de palettes jaune-bordeaux avec codes HEX, ainsi que des conseils pratiques pour l’UI, le branding et l’impression afin d’appliquer ce schéma avec un meilleur contraste et hiérarchie.

Pourquoi les palettes jaune-bordeaux fonctionnent si bien

Le jaune apporte énergie, convivialité et visibilité, tandis que le bordeaux ajoute profondeur, héritage et sens du savoir-faire. Ensemble, ils créent un contraste chaleureux qui paraît volontaire et « conçu », non accidentel.

Cette association est aussi polyvalente sur différents supports. En UI numérique, le jaune est un excellent accent pour les actions clés et les mises en valeur d’état, tandis que le bordeaux peut porter la navigation, les titres et les blocs d’arrière-plan sans devenir monotone.

Pour l’impression et le packaging, les ors chauds et bordeaux dégagent une sensation tactile et premium—surtout sur des papiers texturés ou non couchés. Vous obtenez de l’impact sans la rudesse des couleurs primaires pures.

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

1) Grenat Doré

HEX : #f2c94c #f7e6b5 #7a1f2b #a43a3f #2b1b1e

Ambiance : rayonnant, classique, confiant

Idéal pour : branding premium et accents de logo

Rayonnantes et classiques, ces nuances évoquent le laiton poli contre du velours grenat profond. Utilisez le jaune vif comme mise en valeur sur les symboles et boutons, puis laissez les bordeaux porter le poids dans les en-têtes et fonds. Associez à de l’ivoire chaud pour équilibrer et un presque noir pour la typographie. Astuce : limitez le jaune à 10–15 % de la mise en page pour dégager un luxe subtil et non du bruit visuel.

Exemple d’image de grenat doré généré avec media.io

Media.io

Media.io est un studio IA en ligne pour créer et modifier des vidéos, images et audios dans votre navigateur.

Essayez-le gratuitement maintenant

2) Bistrot d’Automne

HEX : #eab308 #fff1c9 #6b1024 #b45309 #3a2a2a

Ambiance : chaleureux, rustique, accueillant

Idéal pour : conception de menu de restaurant

Chaud et rustique, il évoque tables à la chandelle, grain de bois et notes d’épices. Utilisez le bordeaux pour séparer les sections du menu et les titres, puis le jaune moutarde pour les prix ou icônes. Le crème garde les longs textes lisibles, tandis que le brun foncé structure la hiérarchie. Astuce : imprimez sur papier non couché pour accentuer le côté appétissant des couleurs chaudes.

Exemple d’image de bistrot d’automne généré avec media.io

3) Velours Safran

HEX : #ffd166 #fff6dd #7b2235 #c2414a #4b3a3a

Ambiance : romantique, chaleureux, élégant

Idéal pour : suite d’invitation de mariage

Romantique et chaleureux, il évoque la soie safranée posée sur des rideaux de velours. Pour une suite d’invitation raffinée, choisissez le bordeaux comme couleur principale d’encre et gardez le jaune pour un sceau de cire ou une fine bordure. Un papier crème évite à la palette d’être trop lourde. Astuce : ajoutez un léger gaufrage pour un rendu luxueux sans surcharge décorative.

Exemple d’image de velours safran généré avec media.io

4) Bibliothèque des Récoltes

HEX : #f4d35e #f8f1df #5c0f1e #8b2635 #2d2325

Ambiance : érudit, calme, héritage

Idéal pour : design de couverture de livre

Érudit et paisible, il suggère le papier ancien, les reliures en cuir et la lumière de fin d’après-midi. Utilisez les bordeaux pour les titres et les éléments importants, les jaunes doux en fond chaleureux. Gardez un fort contraste avec un quasi-noir pour la lisibilité, même en miniature. Astuce : réservez le jaune le plus lumineux pour un badge ou une marque de série afin d’attirer le regard.

Exemple d’image de bibliothèque des récoltes généré avec media.io

5) Merlot et Souci

HEX : #f6c453 #fff0c2 #6e0d25 #a61c3c #1f1a1c

Ambiance : audacieux, festif, raffiné

Idéal pour : visuels de campagne de fêtes

Audacieux et festif, il rappelle les guirlandes de souci sur un verre de merlot. Utilisez le bordeaux pour les bannières et la typographie, le jaune pour le dynamisme et les éléments d’appel. Le crème aérera les compositions texte dense. Astuce : pour les réseaux sociaux, renforcez le contraste en n’utilisant le texte jaune que sur les blocs bordeaux les plus sombres.

Exemple d’image de merlot et souci généré avec media.io

6) Marché aux Épices

HEX : #f0b429 #fef3c7 #7f1d1d #b91c1c #3f2d2d

Ambiance : énergique, terreux, vivant

Idéal pour : packaging de marque de street food

Énergique et terreux, il évoque les boîtes à épices, poivrons grillés et étals baignés de soleil. Utilisez les rouges foncés pour les typographies et motifs puissants, le jaune pour les étiquettes énergiques ou les saveurs. Le crème apporte convivialité à l’ensemble. Astuce : combinez des contours bordeaux épais à des aplats jaunes pour une bonne lisibilité de loin.

Exemple d’image de marché aux épices généré avec media.io

7) Collégial Vintage

HEX : #f5cc5b #fff7df #65111f #8f2a2c #22303a

Ambiance : nostalgique, sportif, structuré

Idéal pour : graphismes style varsity pour vêtements

Nostalgique et sportif, il rappelle les vestes d’université et les affiches de campus classiques. Faites du bordeaux la base pour les blasons et typographies, puis utilisez le jaune doré pour les contours, chiffres et finitions. L’ardoise profonde donne une modernité aux textes secondaires. Astuce : privilégiez des formes franches et contrastées, idéales pour la broderie et la sérigraphie.

Exemple d’image de collégial vintage généré avec media.io

8) Vignoble Ensoleillé

HEX : #f7c948 #fff2d9 #6a1b2d #9f1239 #2a1f23

Ambiance : ensoleillé, raffiné, ancré

Idéal pour : affiche d’événement de dégustation

Ensoleillée et raffinée, cette palette rappelle l’heure dorée sur les rangs de vigne, aux tons vin en sous-bois. Les combinaisons jaune-bordeaux fonctionnent à merveille lorsque le jaune clair forme le fond de l’affiche et le bordeaux porte le titre. Ajoutez la teinte la plus sombre pour les logos sponsors et mentions légales pour une lecture optimale. Astuce : limitez les visuels annexes et laissez la typographie et un simple motif de raisin raconter l’histoire.

Exemple d’image de vignoble ensoleillé généré avec media.io

9) Minimal Moutarde Acajou

HEX : #d4a017 #f9f4e6 #5a0f1b #7c2d12 #111111

Ambiance :Minimale, sérieuse, moderne

Idéal pour :UI du site Web du portfolio

Minimal et sérieux, il se lit comme de l'encre moutarde sur l'acajou avec un bord studio net. Utilisez le marron foncé pour le texte de navigation et de héros, puis ajoutez la moutarde parcialement pour les états actifs et les liens. Le fond blanc cassé maintient l'interface calme et éditoriale. Astuce: appliquez le jaune uniquement à l'action la plus importante afin que l'interface utilisateur soit haut de gamme, pas ludique.

Exemple d'Image de mustard mahogany minimal généré en utilisant media.io

10) Laiton Art Déco

HEX :#f1c232#fff3d6#701a2c#b8324a#2f2026

Ambiance :Glamour, géométrique, dramatique

Idéal pour :Identité de la marque cocktail bar

Glamoureux et dramatique, il canalise des luminaires en laiton, une géométrie nette et des salons humeurs. Une palette de couleurs marron jaune brille lorsque le marron devient la toile de fond et le jaune agit comme une lignée métallique. Ajoutez de la crème pour l'espace négatif sur les menus et les dessous de sol afin que la mise en page reste nette. Astuce: Utilisez des règles fines et des motifs symétriques pour promouvoir l'ambiance déco sans encombrement.

Exemple d'Image de laiton art déco généré en utilisant media.io

11) Plaid de cabine confortable

HEX :#f2c14e#fff0d1#7a1021#a23b2a#2b2b2b

Ambiance :grillé, extérieur, familier

Idéal pour :Modèles de médias sociaux saisonniers

Grillé et plein air, il apporte des couvertures de cabine, du cidre chaud et de la lumière du feu. Utilisez des blocs marron pour les superpositions de texte et ajoutez du jaune comme onglet de coin chaud ou autocollant. La crème maintient le modèle flexible pour les photos tandis que le charbon prend en charge les petites sous-titres. Astuce: Créez un motif à carreaux simple en arrière-plan à faible opacité pour ajouter de la texture sans voler la mise au point.

Exemple d'Image de cozy cabin plaid généré en utilisant media.io

12) Vin ocre du désert

HEX :#e9b949#fef3e2#6d1424#8c3b2a#3b2f2f

Ambiance :Ensoleillé, Terreux, Détendu

Idéal pour :Voyage blog Héros graphiques

Ensoleillé et détendu, il ressemble au sable du désert réchauffé par les tons du vin du soir. Laissez la crème pâle porter de grandes zones, puis couchez l'ocre comme dégradé ou comme barre de mise en lumière derrière les titres. Le marron ajoute de la profondeur aux boutons et aux étiquettes de catégorie. Astuce: associez des icônes de ligne simples et beaucoup d'espaces blancs pour garder le héros propre et lisible.

Exemple d'Image de desert ochre wine généré en utilisant media.io

13) Lanternes de Festival

HEX :#ffcc33#fff2cc#800020#b22222#2a1a1a

Ambiance :célébrant, lumineux, percutant

Idéal pour :Conception de billet d'événement et de bracelet

Celebrant et percutant, il évoque des lanternes brillantes et des foules nocturnes. Une palette de couleurs marron jaune comme celle-ci fonctionne bien pour les billets car le contraste reste fort sous faible lumière. Utilisez le marron pour les codes-barres et les informations clés, puis réservez le jaune vif pour les étiquettes de section et les marqueurs VIP. Astuce: Testez une épreuve de petite impression afin que les tons profonds ne se remplissent pas sur le stock mat.

Exemple d'Image de lanternes de festival générées à l'aide de media.io

14) Dîner rétro

HEX :#f6d55c#fff7e8#7d1128#c44536#2e2a2a

Ambiance :ludique, rétro, audacieux

Idéal pour :logo et signalisation de food truck

Ludique et rétro, il fait signe de tête aux cabines à manger, aux panneaux peints à la main et aux ampoules chaudes. Mettez le marron dans la marque de mots pour instant punch, puis utilisez le jaune ensoleillé pour les contours et les formes starburst. La crème rend la palette conviviale, pas lourde. Conseil: Gardez les courbes épaisses et simples afin que le logo se lise clairement sur un camion en mouvement.

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

15) Ambre botanique

HEX :#f4c542#fff6db#6b0f1a#2f6f55#2b2b2b

Ambiance :Naturel, chaud, équilibré

Idéal pour :Imprimés d'illustration botanique

Naturel et chaud, il ressemble à des feuilles pressées éclairées par la lumière du soleil ambré. Utilisez le vert comme un pont calmant entre le jaune doré et le riche marron. La crème fonctionne comme ton de papier pour les impressions illustrées, tandis que le charbon de bois supporte les légende et les étiquettes. Astuce: Gardez le marron pour les tiges et les ombres afin que la composition reste à la terre.

Exemple d'Image de l'ambre botanique généré à l'aide de media.io

16) UI du patrimoine moderne

HEX :#f3c623#faf5e6#6c1324#9a2f3f#1a1a1a

Ambiance :Confiable, moderne, chaleureux

Idéal pour :UI de tableau de bord pour une application financière

Fiable et moderne, il allie la chaleur du patrimoine avec un contraste d'interface propre. Essayez le marron comme en-tête principal de navigation et de carte, puis utilisez le jaune pour les alertes, les points forts de progrès et les métriques clés. Le blanc cassé doux réduit l'éblouissement lors de longues séances. Astuce: Utilisez le neutre le plus sombre pour le texte et les icônes pour garder l'accessibilité forte sur les panneaux clairs.

Exemple d'Image de l'interface utilisateur modern heritage générée à l'aide de media.io

17) Toast de mariage rustique

HEX :#f5c451#fff3dd#7c1d2d#a35a3a#3c2f2f

Ambiance :tendre, rustique, célébrant

Idéal pour :Signalisation de mariage et place cards

Tendre et rustique, il suggère des toasts de vignoble et une douce lueur de bougie. Utilisez la crème comme ton de votre carton, puis imprimez des noms marron pour un look intemporel. Apportez du jaune à travers de petites icônes, des règles de bordure ou des numéros de table pour ajouter de la chaleur. Astuce: Choisissez un papier légèrement texturé pour que la palette soit faite à la main plutôt que brillante.

Exemple d'Image de toast de mariage rustique généré en utilisant media.io

18) Étiquette du musée

HEX :#f2f3c#fbf2df#5b0a1a#8a2c2c#1f2328

Ambiance :Calme, curée, faisant autorité

Idéal pour :Système d'étiquetage d'exposition

Calme et curé, il rappelle les murs de galerie avec des projecteurs chauds. Utilisez le blanc cassé comme base d'étiquette et appuyez sur le marron pour les titres, les dates et la hiérarchie. Ajoutez le jaune uniquement pour les marqueurs de section ou les icônes de plancher afin que les visiteurs puissent scanner rapidement. Astuce: Gardez les poids de corde minces et les espacements généreux pour maintenir une sensation de musée.

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

19) Branding sportif chaud

HEX :#f7b733#fff1cc#7a0019#b22222#0f172a

Ambiance :Compétitivité, audacieuse, énergique

Idéal pour :kit de marque et bannières de l'équipe

Compétitifs et audacieux, on a l'impression que les lumières de stade heurtent un maillot marron foncé. Ces combinaisons de couleurs marron jaune sont fortes pour les bannières, où vous avez besoin d'impact à longue distance. Utilisez le jaune pour les chiffres et les appels à l'action, puis gardez le marron pour les grands champs et les motifs. Astuce: Ajoutez le bleu marine uniquement pour contraster les accents et les ombres afin que les tons de base restent dominants.

Exemple d'Image de warm sports branding généré à l'aide de media.io

20) Chute de nuit lueur marron

HEX :#f9d65c#fff5dc#4a0b1b#7a2031#101014

Ambiance :moody, cinématographique, sophistiqué

Idéal pour :Annonce de produit pour un parfum

Moody et cinématographique, il ressemble à une lueur dorée s'estompant dans le marron de la nuit. Utilisez les tons les plus foncés pour l'arrière-plan et la silhouette de la bouteille, puis laissez le jaune apparaître comme une lumière à bord doux ou un petit highlight. La crème prend en charge une copie lisible sans briser l'atmosphère. Astuce: Ajoutez des dégradés doux au lieu de blocs plats pour garder la publicité haut de gamme et photographique.

Exemple d'Image de nightfall maroon glow généré en utilisant media.io

21) Presse de coucher de soleil

HEX :#f6be3b#fff0d8#72162a#a93c4d#2c2a2a

Ambiance :éditorial, chaud, poli

Idéal pour :Disposition des fonctionnalités du magazine

Éditorial et poli, il ressemble à une pâte teintée du coucher de soleil sur du papier crème. Utilisez le marron pour les guillemets et les en-têtes des sections, tandis que le jaune fonctionne mieux comme un petit point culminant derrière les phrases clés. Gardez le texte du corps sur un fond clair pour une lecture confortable. Astuce: alignez les accents sur la grille afin que la chaleur semble délibérée et haut de gamme.

Exemple d'Image de sunset press généré en utilisant media.io

22) Cerise dorée

HEX :#ffcf4a#fff4de#7b0f2a#c1124a#241a1d

Ambiance :Luxueux, vibrant, confiant

Idéal pour :Emballages cosmétiques

Luxueux et vibrant, il ressemble à une feuille dorée associée à une laque cerise. Les combinaisons de couleurs marron jaune comme celles-ci sont idéales pour les cosmétiques où vous voulez du glamour sans néon. Utilisez le marron pour le corps du pack et la typographie, puis ajoutez le jaune comme un tampon en feuille ou une bordure fine. Astuce: gardez le rouge le plus vif comme petit accent héros afin que le design reste cohérent.

Exemple d'Image de cerise dorée générée en utilisant media.io

23) Cabernet d'agrumes

HEX :#f4c430#fff2c6#6f1028#9c2a3c#332528

Ambiance :zesty, riche, optimiste

Idéal pour :Modèle de newsletter par courriel

Épicé et riche, il équilibre la vivacité des agrumes avec la profondeur du cabernet. Utilisez les tons clairs comme toile de fond pour l’email, puis placez le bordeaux dans les en-têtes et les séparateurs pour structurer le contenu. Le jaune fonctionne bien pour les boutons et les petits badges, surtout dans les blocs promotionnels courts. Conseil : gardez le texte des boutons foncé pour la lisibilité et évitez d'utiliser le jaune pour de longues sections de texte.

Exemple d'image du cabernet agrumes générée avec media.io

Quelles couleurs se marient bien avec le jaune-bordeaux ?

Les neutres doux sont le choix le plus simple : ivoire, crème, beige chaud et blanc cassé gardent la palette aérée et rendent la typographie bordeaux raffinée plutôt que lourde. Ils sont aussi idéaux pour la lecture longue durée et les étiquettes d'emballage.

Les foncés profonds comme charbon, presque noir, marron espresso et bleu marine ajoutent de la structure et de l'accessibilité. Ils aident les petits textes, icônes et contours à rester nets lorsque le jaune est utilisé comme accent.

Pour plus de variété, ajoutez un vert atténué (sauge/forêt) pour faire le lien entre le jaune chaud et le rouge bordeaux, ou un rose poussiéreux/terracotta pour une variation plus douce et romantique.

Comment utiliser une palette jaune-bordeaux dans des designs réels

Commencez par les rôles : le bordeaux fonctionne bien comme couleur principale de marque pour les en-têtes, la navigation et les blocs importants, tandis que le jaune est plus efficace en accent pour les CTA, badges et indicateurs clés. Cela garde l’attention ciblée et évite la surcharge “tout-chaleur partout”.

Priorisez le contraste et la lisibilité. Évitez de mettre du petit texte jaune sur des fonds clairs ; mettez plutôt du jaune sur le bordeaux ou le charbon le plus foncé, ou utilisez le jaune comme fond sur lequel le texte est foncé.

En impression, vérifiez les tirages, car le bordeaux peut foncer sur un papier mat et les petits détails peuvent se remplir. Si vous utilisez le jaune pour représenter l’“or”, pensez à un effet de dorure/couleur spéciale ou à des dégradés subtils pour imiter la profondeur métallique.

Créer des visuels de palettes jaune-bordeaux avec l’IA

Si vous avez déjà des codes HEX mais avez besoin d’éléments visuels cohérents (affiches, mockups packaging, écrans UI ou templates réseaux sociaux), générer des exemples avec l’IA peut accélérer l’exploration. Vous pouvez rapidement tester la quantité de jaune à utiliser et comment le bordeaux fonctionne comme fond.

Utilisez votre palette comme guide “dominant” et “accent” dans l’invite, puis itérez sur la lumière, la texture et le style de mise en page (minimal, rustique, déco, éditorial). Gardez les meilleures versions d’invite pour assurer la cohérence de vos designs à travers les campagnes.

Prochain : Palette de couleurs scandinaves