Idées de palettes de couleurs bleu, rouge foncé : 20 combinaisons + codes hexadécimaux

Le bleu et le rouge foncé est une combinaison classique à haut contraste qui vous donne à la fois confiance et émotion. C'est une combinaison de choix pour une interface utilisateur moderne, un branding haut de gamme et des mises en page impressionnantes.

Vous trouverez ci-dessous 20 idées de palette de couleurs bleu rouge foncé avec des codes hexagonaux, ainsi que des conseils pratiques pour équilibrer les bleus froids avec les rouges chauds afin que vos designs aient l'air intentionnels (pas lourds).

Pourquoi les Palettes bleu rouge foncé fonctionnent si bien

Le bleu apporte structure, calme et confiance – des qualités qui soutiennent naturellement la conception de produits, la finance et la marque professionnelle. Le rouge foncé ajoute de la chaleur, de la passion et un sentiment d'intensité premium, donnant aux mises en page bleu un accrochage émotionnel plus fort.

Ensemble, ils créent une tension équilibrée «cool vs. chaud» qui semble intentionnelle dans tout, des sites Web minimalistes aux affiches dramatiques. Le contraste crée également une hiérarchie visuelle claire, rendant les CTA, les points forts et les messages clés plus faciles à repérer.

La clé est la proportion: laissez les bleus et les neutres faire le travail lourd, puis utilisez le rouge foncé comme accent ciblé. Cela garde la palette élégante au lieu d'être écrasante.

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

1) Cabernet minuit

hexagonal:#b1d39#143D59#6D0F1A#B44A52#F2E9E4

Humeur:moody, élégant, premium

Meilleur pour:Étiquettes de vin, marque de luxe, emballage haut de gamme

Moody et velouté, comme un salon aux bougies avec du bois poli et une couleur rouge foncé. Les bleus profonds créent confiance tandis que le rouge cabernet ajoute une chaleur indulgente. Utilisez l'ivoire comme espace de respiration pour les logos et les petits textes, et gardez le rouge poussiéreux pour les points forts. Astuce: Réservez le bleu marine le plus sombre pour les arrière-plans pour faire des feuilles métalliques ou du type clair pop.

Exemple d'Image de midnight cabernet généré avec 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) Harbour Ember

hexagonal:#0D2B45#2E5EAA#7A0C2E#E0B1B8#F7F7FF

Humeur:côtière, énergique, contemporain

Meilleur pour:Affiches de voyage, dépliants d'événements, graphismes sociaux

Vent et aventureux, comme un port au crépuscule avec les lumières de la ville clignotant en rouge. Le bleu vif le maintient énergique, tandis que le marron ancre la composition. Associez-le à un type sans serif audacieux et beaucoup d'espace blanc pour une sensation d'impression moderne. Astuce: Utilisez le blush tone pour les panneaux secondaires pour adoucir le contraste sans perdre de force.

Exemple d'Image de harbor ember généré avec media.io

3) Grenat de modèle

hexagonal:#0A2342#2C6E9B#8B1E3F#D6D6D6#FAFAFA

Humeur:Intelligent, structuré, confiant

Meilleur pour:pages de destination saas, tableaux de bord, interface utilisateur du produit

Propre et technique, comme un plan réchauffé par un accent de grenat. Ces combinaisons de couleurs bleu rouge foncé fonctionnent mieux lorsque les neutres gèrent la plupart des surfaces et que le rouge est conservé pour les actions clés. Associez-le à des icônes de lignes fines et des ombres subtiles pour garder l'interface nette. Conseil: Gardez les états d'erreur dans la famille rouge, mais déplacez les confirmations vers le bleu plus vif pour plus de clarté.

Exemple d'Image de blueprint garnet généré à l'aide de media.io

4) Marine de l'Opéra

hexagonal:#081A2D#1F4E79#5B0A1A#C9A1A6#F5F0EA

Humeur:Dramatique, classique, raffiné

Meilleur pour:Diffusions éditoriales, programmes de théâtre, brochures premium

Spectaculaire et raffiné, comme des sièges en velours contre un rideau de scène de minuit. Le bleu marine et le rouge foncé se sentent intemporels ensemble, surtout avec des neutres chauds comme du papier. Associez-le à des titres serifs et des marges généreuses pour un look éditorial. Astuce: Utilisez la rose pâle comme teinte derrière les guillemets pour ajouter de la douceur sans perdre de sophistication.

Exemple d'Image de opera house navy généré avec media.io

5) Crimson Marée Minimale

hexagonal:#102A43#486581#9B1B30#eded#FFFFFF

Humeur:Minimaliste, moderne, à haut contraste

Meilleur pour:En-têtes web, Affiches minimalistes, portfolios

Minimale et percutante, comme une photo nette de côte avec un détail rouge audacieux. Les gris bleus maintiennent la mise en page calme, et le crimson crée une hiérarchie instantanée. Associez-le à une typographie noire ou presque noire et à un seul motif géométrique pour une touche moderne. Astuce: Limitez le rouge à moins de 10% de la toile pour préserver l'ambiance minimaliste.

Exemple d'Image de crimson tide minimal généré avec media.io

6) Poussiéreuse Rose Harbor

hexagonal:#122b3#2A6F97#6A1B2B#E7C8C8#F8F4F1

Humeur:Doux, romantique, accessible

Meilleur pour:lifestyle branding, Beauté packaging, boutique Sites Web

Doux et romantique, comme l'air de mer se mélangeant aux pétales de rose au crépuscule. Les bleus silencieux le maintiennent à la terre tandis que les rouges poussiéreux se penchent doucement plutôt que fort. Associez avec des neutres chauds et une typographie délicate pour les soins de la peau, les bougies ou le branding de la boutique. Astuce: Ajoutez de la texture avec des dégradés subtils dans les tons de blush pour éviter un look plat.

Exemple d'Image de dusty rose harbor généré avec media.io

7) Marché de nuit Velours

hexagonal:#0C1B33#1B3B6F#7C1020#D17A86#f3ee7

Humeur:vibrant, cinématographique, sensuel

Meilleur pour:Couvertures d'album, promotions de vie nocturne, lookbooks de mode

Cinématographique et vibrant, comme des reflets de néon sur un trottoir mouillé avec une lueur rouge velours. Cette palette de couleurs bleu rouge foncé brille lorsque vous appuyez sur le contraste: fond bleu marine foncé, bords bleus vifs et points focaux rouges. Associez-le à des dégradés brillants ou des grains pour une musique moderne ou une sensation de mode. Astuce: Utilisez le rose-rose comme teinte de mise en lumière pour le texte secondaire et les badges.

Exemple d'Image de night market velvet généré en utilisant media.io

8) Cobalt Merlot Horizon

hexagonal:#061C2E#0B5FA5#6B0F2A#F0D7D9#FAF6F2

Humeur:Audacieux, expansif, optimiste

Meilleur pour:Accueil Héros sections, bannières, pages marketing

Audacieux et expansif, comme une ligne d'horizon claire avec un soleil merlot plongant dans le bleu. Le cobalt est moderne et énergique, tandis que le rouge foncé donne au design un centre de gravité confiant. Associez-le à de grandes images de héros et à des formes simples pour empêcher la palette de se sentir occupée. Astuce: Utilisez le blush pâle pour les arrière-plans de section afin que les CTA en cobalt restent nets.

Exemple d'Image de cobalt merlot horizon généré à l'aide de media.io

9) Université Vintage

hexagonal:#0E2A47#1D4E89#8A1538#D8C3A5#F5F5F5

Humeur:Sportif, nostalgique, convivial

Meilleur pour:Marque d'équipe, Marchandises, Affiches sportives

Sportive et nostalgique, comme une veste letterman bien portée avec des patchs cousus. Les bleus sont fiables et athlétiques, tandis que le rouge bordeaux apporte une énergie patrimoniale. Associez-le à un type bloqué, des marques de badge et des arrière-plans en papier texturé pour une sensation universitaire classique. Astuce: Utilisez le bronzage comme neutre vintage pour les contours, les rayures et le texte secondaire.

Exemple d'Image de vintage varsity généré en utilisant media.io

10) Baises d'hiver et Denim

hexagonal:#0A2540#3E6EA1#8C1D2D#EAD2D6#F7FAFC

Humeur:Frais, confortable, saisonnier

Meilleur pour:Campagnes de vacances, en-têtes de courriels, emballages saisonniers

Frais et doux, comme des couches de denim avec des baies d'hiver sur une table pâle enneigée. Le bleu plus clair ajoute de l'élévation, tandis que le rouge baies garde tout au chaud et accueillant. Associez-le à la photographie douce et aux éléments d'interface utilisateur arrondis pour un marketing saisonnier convivial. Astuce: Laissez le quasi-blanc transporter la plupart des arrière-plans afin que le rouge baies reste riche, pas lourd.

Exemple d'Image de winter berries & denim généré en utilisant media.io

11) Tableau de bord Atlas moderne

hexagonal:#0B2239#2F80ED#7B1121#CBD5E1#F8FAFC

Humeur:Professionnel, basé sur les données, clair

Meilleur pour:analytics UI, Applications fintech, Tableaux de bord d'administrateur

Professionnel et basé sur les données, comme une interface de carte propre avec une seule broche rouge. Le bleu vif prend en charge les états interactifs, tandis que le rouge foncé devient une forte couleur d'alerte ou d'accent. Associez-le à des gris frais pour garder les graphiques lisibles et réduire la fatigue visuelle. Astuce: Utilisez le rouge uniquement pour les exceptions et les KPI critiques, pas pour tous les accents.

Exemple d'Image d'un tableau de bord atlas moderne généré à l'aide de media.io

12) Galerie Noir & Carmine

hexagonal:#07121F#123A63#A11B2E#E6DFD8#FFFFFF

Humeur:artful, haut de gamme, dramatique

Meilleur pour:Expositions d'art, invitations à la galerie, couvertures de portfolio

Artistique et dramatique, comme une salle de galerie calme avec une seule toile carmine qui vole les projecteurs. Une palette de couleurs bleu rouge foncé comme celle-ci fonctionne magnifiquement avec beaucoup d'espace négatif et une typographie surdimensionnée. Associez-le à des textures de papier mat et un art de ligne minimaliste pour un look curé. Conseil: Gardez les tons les plus profonds pour les cadres et les en-têtes, et laissez le blanc cassé dominer la page.

Exemple d'Image de Galerie noir & carmine générée avec media.io

13) Technique du bois de rose

hexagonal:#0E1B2A#2D5B8C#6E1223#F1E4E6#E5E7EB

Humeur:Élégant, chaleureux, moderne

Meilleur pour:Application intégrée, branding technologique, pitch decks

Élégant et chaud, comme un métal brossé adoucissé par des détails en bois de rose. Les bleus donnent un ton technique stable, tandis que le rouge foncé ajoute une touche humaine et premium. Associez-le à une iconographie propre et des dégradés subtils pour une ambiance startup contemporaine. Astuce: Utilisez la rose pâle pour les panneaux d'embarquement pour garder les écrans calmes et lisibles.

Exemple d'Image de rosewood tech généré en utilisant media.io

14) Mélange classique de livres

hexagonal:#0A1E3B#274C77#7D0A1C#C7B299#F6F1EB

Humeur:Littéraire, nostalgique, fondé

Meilleur pour:Couvertures de livres, Papeterie, branding académique

Littéraire et fondé, comme de vieilles piles de bibliothèque avec un signet rouge foncé caché à l'intérieur. Le bleu marine et le bourgogne se sentent traditionnels, tandis que le bronzage chaud le maintient accessible. Associez-le à un type serif, de petits ornements et de grains de papier subtils pour une ambiance d'impression classique. Conseil: Gardez le rouge pour les titres ou un seul emblème pour éviter une couverture lourde.

Exemple d'Image d'un mélange classique de livres généré à l'aide de media.io

15) Suite de mariage en velours rouge

hexagonal:#10243E#2E5A88#8A0F2B#EBC7CD#FFF7F2

Humeur:Romantique, formel, luxueux

Meilleur pour:invitations de mariage, save-the-dates, Cartes RSVP

Romantique et formel, comme un ruban de velours sur une papeterie nette. Le bleu profond maintient l'élégance de la suite, et le rouge riche fait un beau accent pour les monogrammes et les motifs de sceaux de cire. Associez avec des tons de papier blanc cassé et des fleurs à lignes fines pour rester intemporel. Astuce: Utilisez le blush comme couche de support pour obtenir des détails tels que les horaires et les informations d'hébergement.

Exemple d'Image de red velvet wedding suite généré en utilisant media.io

16) Accent de vie nocturne au néon

hexagonal:#071A3A#3A86FF#B80D2A#FFB3C1#F8F9FA

Humeur:électrique, jeune, audacieux

Meilleur pour:flyers de club, promotions musicales, modèles d'histoires sociales

Électrique et jeune, comme une signalisation lumineuse traversant un pâté sombre de la ville. Le bleu néon entraîne l'énergie, tandis que le rouge chaud garde les appels à l'action impossibles à manquer. Associez le type condensé et les grandes formes géométriques pour un look promo contemporain. Conseil: Gardez le rose clair comme couleur de lueur ou de contour pour éviter les bords dures dans les formats sociaux.

Exemple d'Image d'accent de vie nocturne néon généré en utilisant media.io

17) Brique Maritime

hexagonal:#0B2D4D#1E6091#7A1F2B#D9C2B0

Humeur:Rustique, fiable, extérieur

Meilleur pour:Marque artisanale, sacs à café, étiquettes d'équipement extérieur

Rustique et fiable, comme des quais et des entrepôts en briques au bord de l'eau. Le bleu océan apporte de la clarté, et le rouge brique se sent artisanal et honnête. Associez avec des textures kraft et des marques de badge simples pour les petits lots de produits. Astuce: Utilisez le bronzage comme couleur de base de l'étiquette afin que les tons plus foncés puissent fonctionner comme tampons et encre.

Exemple d'Image de brique maritime générée en utilisant media.io

18) Grenade de l'espace profond

hexagonal:#050B14#1B2A4A#8F0D2E#E36A7B#EDEFF2

Humeur:Mystérieux, futuriste, intense

Meilleur pour:Bannières de jeu, affiches de science-fiction, superpositions de streaming

Mystérieux et futuriste, comme l'espace profond éclairé par une éclaire de grenade. Ces combinaisons de couleurs bleu rouge foncé sont les plus fortes lorsque vous vous penchez sur des arrière-plans sombres et laissez les accents les plus vifs raconter l'histoire. Associez-le à un type sans clair, à un bruit léger et à des lueurs subtiles pour un bord de science-fiction moderne. Conseil: Gardez le gris clair pour les étiquettes de l'interface utilisateur afin que le petit texte reste lisible au-dessus du presque noir.

Exemple d'Image de deep space pomegranate généré en utilisant media.io

19) Ardoise, vin et crème

hexagonal:#0F1C2E#3D5A80#6F1026#E0D8D0#FBF7F0

Humeur:Calme, équilibré, mature

Meilleur pour:branding d'entreprise, rapports, modèles de présentation

Calme et équilibré, comme une pierre d'ardoise associée à un verre de rouge et une serviette de lin crème. Le bleu silencieux garde les mises en page longues lisables, et le rouge vin ajoute un accent digne. Associez avec des graphiques simples, des espacements cohérents et beaucoup de fond crème. Astuce: Utilisez le rouge uniquement pour les emports clés et les diviseurs de sections pour guider le skimming.

Exemple d'Image de ardoise, vin et crème généré en utilisant media.io

20) Romance orageuse

hexagonal:#0A1B2A#234E70#8B0F24#F0C6CC#df3f1

Humeur:Romantique, Tempête, soft-glam

Meilleur pour:Promotions de la Saint-Valentin, Annonces de boutique, Publications sociales éditoriales

Romantique et orageux, comme des bleus de pluie adoucissés par une lueur rouge rouge. La palette est tendre sans devenir sucrée, surtout lorsque les tons plus foncés encadrent la mise en page. Associez-le aux élégants titres serifs et aux dégradés doux de la gamme rose. Astuce: gardez le blush pour les arrière-plans et utilisez le rouge profond pour un élément focal unique comme un prix, une date ou un logo.

Exemple d'Image de stormy romance généré en utilisant media.io

Quelles couleurs vont bien avec le bleu rouge foncé?

Les neutres sont la «troisième couleur» la plus facile à ajouter: les ivoires chauds, les crèmes et les gris clairs gardent les schémas bleu et bordeaux lisibles et faciles à imprimer. Ils empêchent également les tons sombres de se sentir trop lourds dans l'interface utilisateur et le branding.

Pour un look plus doux, penchez-vous au rouge blush, à la rose poussiéreuse ou au mauve silencieux, qui comblent l'écart de température entre le bleu frais et le rouge chaud. Pour un bord moderne plus nett, ajoutez un cobalt vif ou un bleu électrique comme point culminant interactif.

Les accents métalliques et terreux fonctionnent également bien: or/bronze pour les emballages et les invitations haut de gamme, ou tan/kraft pour le branding vintage et artisanal.

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

Commencez par les rôles: choisissez un bleu foncé pour les surfaces primaires (en-têtes, navigation, panneaux d'arrière-plan), un neutre pour la toile principale et réservez le rouge foncé pour l'accent (CTA, badges, chiffres clés, points forts). Cela maintient la hiérarchie cohérente entre les pages et les ressources.

Dans l'interface utilisateur, traitez le rouge foncé comme «significatif»: alertes, états critiques et actions de haute priorité. Utilisez le bleu pour les liens, les états de mise au point et les éléments interactifs afin que l'interface soit fiable et facile à scanner.

Dans l'impression et le branding, augmentez la sophistication avec la texture: grain de papier, dégradés subtils ou finitions mates. Le rouge foncé peut porter des indications premium, tandis que le bleu marine ancre la typographie et les mises en page.

Créez des visuels de Palette bleu foncé rouge avec l'IA

Si vous souhaitez prévisualiser l'apparence d'une palette de couleurs bleu rouge foncé sur des actifs réels — affiches, emballages, tableaux de bord ou modèles sociaux — les maquettes d'IA peuvent économiser des heures. Vous pouvez générer plusieurs directions de style rapidement et affiner l'ambiance avant la production du design.

Avec l'outil de conversion de texte en image de Media.io, collez une invite (comme les exemples ci-dessus), puis répétez la composition, l'éclairage et le style de typographie. C'est un moyen facile de valider le contraste et l'humeur avant de s'engager dans les couleurs finales.

Lorsque vous trouvez une palette que vous aimez, gardez les codes hexagonaux à portée de main et réutilisez-les de manière cohérente sur le web, l'impression et le marketing pour construire un système de marque reconnaissable.

Suivant : Palette de couleurs Violet Magenta