Idées de palettes de couleurs bleu marine (20 choix + Hex)

Le bleu marine est l'une des couleurs «sérieuses» les plus polyvalentes: il semble haut de gamme comme le noir, mais plus doux, plus convivial et souvent plus facile à lire dans l'interface utilisateur et l'impression.

Vous trouverez ci-dessous plus de 20 idées de palette de couleurs bleu marine avec des codes hexagonaux, ainsi que des conseils d'association pratiques pour la marque, les interfaces et les intérieurs.

Pourquoi les Palettes bleu marine fonctionnent si bien

Le bleu marine porte autorité et confiance (courante dans les finances, le SaaS et le gouvernement) tout en restant plus chaud et plus humain que le noir pur. Cela le rend idéal pour les marques qui veulent se sentir en confiance sans avoir l'air dur.

Il joue également bien avec des accents frais et chauds. Vous pouvez pousser le bleu marine vers une interface utilisateur croustillante et glacée avec des bleus pâles, ou vers des vibrations éditoriales élégantes avec du champagne, du bronz et de l'or métallique.

Du point de vue de l'utilisabilité, navy est excellent pour la structure: navigation, en-têtes et diviseurs de sections. Avec les bons neutres de lumière, il prend en charge un contraste élevé et une lecture confortable.

20+ idées de Palette de couleurs bleu marine (avec Codes hexagonaux)

1) Port de minuit

hexagonal:#081A2E#0E2A47#1F4E6B#9FB8C9#F2F5F7

Humeur:moody, nautique, poli

Meilleur pour:branding de l'hôtel, sites Web premium, visuels des événements de soirée

Moody et cinématographique comme un port après le coucher du soleil, ces tons semblent confiants et haut de gamme. Utilisez la base profonde pour les en-têtes et les sections de héros, puis améliorez la lisibilité avec misty Grey-Blue et Presque-White. Les accents en laiton ou en bois chaud semblent particulièrement raffinés contre la gamme cool navy. Astuce: Gardez le texte du corps sur l'échantillon le plus clair et réservez le texte le plus sombre pour la navigation et les CTA.

Exemple d'Image de midnight harbor 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) Bleu marine orné d'or

hexagonal:#0A1F3D#12335F#2E5E8A#D7B56D#FFF6E6

Humeur:regal, chaleureux, célébrant

Meilleur pour:Emballages, invitations, annonces de produits de luxe

Regal et célébrant, il évoque des costumes de velours, la lumière chaude des bougies et un éclat subtil. Associez les bleus profonds à l'or silencieux pour des bordures, des moments de foil-stamp ou des boutons exceptionnels. Le blanc cassé crémeux garde les agencements aérés tout en se sentant formels. Astuce: Utilisez de l'or avec modération (5 à 10%) afin qu'il se lise comme un point culminant, pas comme un bloc.

Exemple d'Image de gold-trimmed navy généré en utilisant media.io

3) Crépuscule côtière

hexagonal:#0B2342#214D72#5C88A8#BFD6DF#EDE6D6

Humeur:Calme, brise, côtière

Meilleur pour:blogs de voyage, marques de spa, éditoriaux de style de vie

Calme et brillant comme un ciel riverain s'estompant dans le soir, les bleus semblent restauratifs plutôt que lourds. Équilibrez les tons plus foncés avec un bleu verre de mer doux et un gris nuageux pour garder les pages claires. Le sandy neutral ajoute de la chaleur aux en-têtes, aux diviseurs ou aux panneaux d'arrière-plan. Astuce: Essayez un dégradé de bleu profond à bleu pâle pour les superpositions d'images de héros.

Exemple d'Image de crépuscule côtier généré en utilisant media.io

4) Ardoise et sable

hexagonal:#0D203A#243B53#6B7C8C#D1C3A5#FAF8F2

Humeur:Terre à terre, moderne, minimal

Meilleur pour:Intérieur mood boards, architecture portfolios, corporate decks

Terrassé et moderne, il ressemble à la pierre d'ardoise, le rembourrage en lin et la lumière du jour claire. Cette palette de couleurs bleu marine fonctionne magnifiquement lorsque vous voulez de l'autorité sans contraste dur. Associez les gris frais au beige sable pour vous réchauffer sur les diapositives, les études de cas et les légendes de portefeuille. Astuce: Utilisez le beige comme bloc de fond derrière les guillemets pour adoucir la mise en page.

Exemple d'Image de slate & sand généré en utilisant media.io

5) encre de baies

hexagonal:#0A1833#1B2D5A#5B3B6E#C35B7E#F7E6EB

Humeur:Romantique, audacieux, créatif

Meilleur pour:Marques de beauté, Publications sociales, artwork d'album

Romantique et audacieux, il rappelle à l'esprit l'encre sur papier texturé avec un pop de rouge à lèvres berry. Utilisez le bleu le plus foncé pour la structure, puis laissez plum et berry faire la narration émotionnelle avec des accents. La teinte de blush garde le look général convivial et partageable. Astuce: Réservez le berry swatch pour un élément focal par design (badge, CTA ou nom du produit).

Exemple d'Image d'encre de berry générée à l'aide de media.io

6) Nuit arctique

hexagonal:#06162B#0F2E57#2F6E9B#A8D4EA#F4FBFF

Humeur:nette, haut contraste, technique

Meilleur pour:UI de tableau de bord, applications fintech, rapports de données

Nette et à haut contraste, elle évoque l'air hivernal, des écrans clairs et une mise au point nette. Ces combinaisons de couleurs bleu marine sont idéales pour l'interface utilisateur lourde de données où la hiérarchie compte. Laissez le bleu glacé pâle transporter les cartes et les cartes, tandis que les tons plus profonds ancrent la navigation et les barres latérales. Astuce: Utilisez la teinte la plus brillante uniquement pour les états de réussite ou les indicateurs clés afin qu'elle reste spéciale.

Exemple d'Image de la nuit arctique générée en utilisant media.io

7) Bibliothèque Vintage

hexagonal:#0B1E36#2B3A55#6C5A49#B8936A

Humeur:vintage, Confortable, Littéraire

Meilleur pour:Couvertures de livres, Cafés, heritage branding

Vintage et confortable, il ressemble à des reliures en cuir, des étagères en bois et une lueur chaude d'une lampe. La marine ajoute du sérieux, tandis que les bruns apportent de la nostalgie et de l'accessibilité. Le parchemin crémeux est parfait pour les menus, la typographie de couverture ou les étiquettes d'emballage. Astuce: Choisissez un fond légèrement texturé pour amplifier l'ambiance du patrimoine sans encombrement.

Exemple d'Image d'une bibliothèque vintage générée à l'aide de media.io

8) Bande de marin

hexagonal:#081B34#113A6B#2E6EA5#FFFFFF#E63946

Humeur:Sportif, propre, nautique

Meilleur pour:branding sportif, Campagnes estivales, Création d'affiches

Sportif et propre, il canalise des rayures nettes, de l'air frais et une pointe de rouge signal. Utilisez l'espace blanc pour garder les bleus brillants plutôt que lourds. L'accent rouge est le plus fort dans de petites doses-icônes, soulignements ou un seul badge. Astuce: Définissez un équilibre strict 70/25/5 (bleu/blanc/rouge) pour un look net et cohérent.

Exemple d'Image de sailor stripe généré en utilisant media.io

9) Quart de nuit au néon

hexagonal:#070F26#132E63#2c6lit#20D7D4#F6F7FF

Humeur:Énergique, futuriste, vie nocturne

Meilleur pour:flyers musicaux, marques de jeux, écrans d'application

Énergique et futuriste, il se lit comme des lumières de ville contre un ciel tard dans la nuit. Le bleu électrique et le teal apportent du mouvement et de la modernité sans perdre la sensation de terre de la base sombre. Gardez la typographie simple et laissez les accents néon porter la personnalité. Astuce: Essayez les contours lumineux ou les boutons dégradés, mais limitez-les aux actions clés pour éviter le bruit visuel.

Exemple d'Image de neon nightshift généré en utilisant media.io

10) Marine et terre cuite

hexagonal:#081B3A#1E3A62#5F7FA3#C96B4B#F3E8DC

Humeur:Terreux, Méditerranéen, Accueillant

Meilleur pour:restaurant branding, Décoration de la maison, lifestyle Annonces

Terreux et accueillant, il ressemble à des toits en terre cuite sous un ciel profond du soir. L'accent argile chaude empêche les bleus de se sentir trop corporatifs et s'associe bien aux textures naturelles. Utilisez la crème légère pour les menus, la signalisation et l'espace d'arrière-plan pour garder tout lisible. Astuce: Répétez la terre cuite dans de petits points de contact (icônes, balles, garnitures) pour la cohésion.

Exemple d'Image de navy & terracotta généré avec media.io

11) Denim orageux

hexagonal:#0B1A2A#1B3550#3E5F7A#7F9FB6#D7E1E8

Humeur:Décontracté, Confiable, cool

Meilleur pour:Marques de vêtements de travail, Commerce électronique, En-têtes de blog

Décontractés et dignes de confiance, ces tons ressemblent au denim usé et au ciel nuageux. Utilisez les bleus médians pour les boutons et les états de l'interface utilisateur pour garder les interactions conviviales et familières. La teinte en acier pâle est idéale pour les arrière-plans de section et les grilles de produits. Astuce: Ajoutez des grains subtils ou des motifs de type tissu pour renforcer la sensation de denim sans nuire au contraste.

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

12) Les profondeurs du paon

hexagonal:#061A2C#0E3B52#0F6B6E#5FC4B6#E9FFF9

Humeur:Luxuriant, artistique, océanique

Meilleur pour:Marques wellness, emballages, logos de boutiques

Luxuriante et océanique, elle suggère des eaux profondes, des plumes de paon et un calme comme un spa. La gamme teal ajoute de la personnalité tandis que la teinte la plus foncée garde le look haut de gamme. Associez-le au blanc mat, aux neutres de pierre claire ou à l'argent brossé pour une finition propre. Astuce: Utilisez le bright aqua pour les micro-accents comme les icônes, les séparateurs de lignes et les états de mouvement.

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

13) Quartz Rose bleu marine

hexagonal:#0A1A33#1C2F57#6E87A6#E7B7C6

Humeur:Doux, élégant, romantique

Meilleur pour:suites de mariage, pages de destination de beauté, branding féminin

Doux et élégant, il ressemble à un bijoux en quartz rose contre une robe de soirée sombre. Cette palette de couleurs bleu marine est un choix fort pour les designs romantiques qui ont encore besoin d'une structure claire. Équilibrez les tons de blush avec beaucoup de presque blanc pour garder le type net et la photographie brillante. Astuce: Appliquez le blush uniquement sur les arrière-plans et les points forts, pas sur les textes longs, pour une meilleure lisibilité.

Exemple d'Image de rose quartz navy généré en utilisant media.io

14) Uniforme d'Olive

hexagonal:#071B2D#1F3455#4C6A5A#A3B18A#F5F1E6

Humeur:Pratique, Extérieur, Terre à la terre

Meilleur pour:Marques d'outdoor, Uniformes, Rapports sur la durabilité

Pratique et à la terre, il rappelle les vestes de champ, l'ombrage en pin et les matériaux fiables. Les tons olives adoucissent la base foncée et ajoutent un bord naturel et éco-avant. Utilisez le blanc cassé chaud pour les mises en page lourdes de contenu, comme les rapports et les pages longues. Astuce: associez-le à des textures de papier kraft ou de stock recyclé pour renforcer le message d'extérieur.

Exemple d'Image de olive uniform généré en utilisant media.io

15) Soirée de Champagne

hexagonal:#071A35#18385F#445D7A#E8D6B6#FFF9EF

Humeur:glam, chaleureux, sophistiqué

Meilleur pour:Invitations de gala, Événements haut de gamme, Bulletins d'information premium

Glam et sophistiqué, il rappelle la mousse de champagne, les costumes sur mesure et les lieux peu éclairés. Les tons chauds du champagne empêchent le blues de se sentir froid et rendent les titres invitants. Utilisez le bleu moyen pour le type secondaire et laissez la teinte la plus profonde encadrer la composition. Astuce: ajoutez des règles de champagne fines et des bordures pour créer un rythme éditorial haut de gamme.

Exemple d'Image de champagne Soirée générée avec media.io

16) UI Cyber Navy

hexagonal:#050C1E#101E3B#2A3F7A#6E8CFF#EAF0FF

Humeur:Élégant, moderne, produit-LED

Meilleur pour:UI SaaS, écrans d'intégration, composants en mode sombre

Elégant et guidé par le produit, il ressemble à un espace de travail en mode sombre avec des lumières claires et fraîches. Utilisez l'accent périwinkle pour les actions primaires et les états actifs tout en gardant les surfaces dans les bleus plus profonds. La teinte claire aide les cartes et les modaux à se démarquer sans devenir l'interface utilisateur blanc. Conseil: Gardez les ombres subtiles et comptez sur l'espacement et le contraste pour obtenir la profondeur.

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

17) Silencieux Minimal

hexagonal:#0B1730#222B3F#6A7387#papa6#FFFFFF

Humeur:minimal, calme, professionnel

Meilleur pour:Modèles de CV, sites d'entreprise, decks de présentation

Calme et professionnel, il suggère une papeterie nette et des présentations bien éditées. La marine presque noire et le charbon de bois créent une hiérarchie de type confiante sans avoir l'air dur. Le gris clair et le blanc gardent la toile propre pour les graphiques, les tableaux et le texte long. Astuce: Choisissez un ton sombre pour les titres et tenez-le à tout le système pour la cohérence.

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

18) Forêt d'Indigo

hexagonal:#07162B#1A2D4F#2F4A3E#6D8F73#EAF2EA

Humeur:Naturel, calme, contemplatif

Meilleur pour:Imprimés botaniques, emballage écologique, marque de retraite

Naturel et contemplatif, il ressemble à des plantes persistantes ombragées sous un ciel indigo. La gamme green ajoute un équilibre organique à la base profonde et fonctionne bien avec les matériaux recyclés. Utilisez la teinte menthe pâle pour respirer dans les étiquettes et les brochures. Astuce: ajoutez un art de ligne botanique dans la teinte la plus sombre pour un style d'illustration raffiné et discret.

Exemple d'Image de forêt d'indigo générée en utilisant media.io

19) Marbre et bleu marine

hexagonal:#071733#1D325A#5B6F8F#C8D0DA#F7F7F8

Humeur:Propre, architectural, premium

Meilleur pour:branding immobilier, sites de portefeuille, Papeterie

Propre et architecturale, il évoque le marbre frais, le métal poli et les bords tranchants. Les étapes gris-bleu permettent de créer facilement de la profondeur sur les cartes, les sections et les éléments d'impression. Associez le type sans-serif simple et beaucoup d'espace négatif pour une finition haut de gamme. Astuce: gardez la photographie au ton frais afin qu'elle se fonde naturellement avec les neutres comme la pierre.

Exemple d'Image de marble & navy généré avec media.io

20) Étincelle d'agrumes

hexagonal:#081634#1A3C6D#4E7FB8#FFC857#F5FAFF

Humeur:Optimiste, sportif, moderne

Meilleur pour:Marque de démarrage, bannières promotionnelles, badges d'applications

Optimiste et moderne, il ressemble à la lumière brillante du soleil qui traverse le ciel bleu profond. Le jaune agrume ajoute de l'énergie instantanée et améliore la visibilité pour les actions clés. Utilisez le bleu plus pâle et le blanc presque pour garder les mises en page fraîches et réduire la fatigue oculaire. Astuce: Transformez le jaune en un style de mise en lumière cohérent (soulignement, balise ou remplissage d'icône) pour unifier le système.

Exemple d'Image de citrus spark généré en utilisant media.io

21) Brique et plan

hexagonal:#081A33#163A63#3F6C9B#B55239#F2EEE8

Humeur:industriel, confiant, artisanal

Meilleur pour:Marques de construction, affiches d'atelier, logos des fabricants

Industriel et confiant, il suggère du papier de plan, des murs en briques et l'artisanat pratique. Ces combinaisons de couleurs bleu marine s'associent particulièrement bien aux matériaux texturés et au type sans serif audacieux. Utilisez le rouge brique pour les appels à l'action ou les étiquettes clés, et gardez le blanc cassé pour respirer. Astuce: ajoutez des icônes de ligne simples dans le bleu moyen pour renforcer une sensation technique et fiable.

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

22) Contraste Noir encre

hexagonal:#060F22#0B1F3A#2D3C4F#000000#FFFFFF

Humeur:Dramatique, moderne, à haut contraste

Meilleur pour:lookbooks de mode, portefeuilles de photographie, interface utilisateur audacieuse

Spectaculaire et moderne, il ressemble à des ombres d'encre contre une lumière de studio nette. Utilisez les extrêmes noir et blanc pour le punch, et laissez la marine et le charbon de bois adoucir les transitions entre les sections. Le résultat est une palette de couleurs bleu marine qui reste audacieuse sans paraître plate. Conseil: Gardez les images monochromes ou désaturées afin que le contraste soit intentionnel et premium.

Exemple d'Image de contraste inky noir généré à l'aide de media.io

Quelles couleurs vont bien avec le bleu marine?

Le bleu marine se marie naturellement avec des neutres nets comme le blanc, le blanc cassé et le gris frais pour des layouts épurés et professionnels. Si vous voulez une sensation plus douce, remplacez le blanc vif par des tons crème ou parchemin.

Pour plus de chaleur et de sophistication, combinez le bleu marine avec des accents métalliques (or, laiton, champagne) ou des accents terreux comme la terre cuite et le brun. Ceux-ci ajoutent du contraste sans rendre la palette bruyante.

Pour être audacieux, essayez des accents haute visibilité tels que le jaune agrume, le rouge signal, le bleu électrique ou le teal – il est préférable de les utiliser avec modération pour les CTA, les icônes et les points saillants clés.

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

Commencez par l'attribution du rôle: choisissez un bleu marine le plus sombre pour la navigation/en-têtes, un ton moyen pour les états interactifs de l'interface utilisateur et un neutre clair pour les arrière-plans. Cela maintient la hiérarchie cohérente entre les pages ou les diapositives.

Équilibrer le poids avec l'espace blanc. La marine peut se sentir lourde lorsqu'elle est surexploitée, alors donnez-lui de la place à respirer avec des sections légères, un espacement généreux et des séparateurs minces au lieu de blocs épais.

Pour l’accessibilité, testez le contraste sur les textes et boutons. Utilisez du presque blanc pour les textes longs et réservez les accents saturés pour des petits éléments où il vous faut attirer l’attention, jamais pour des paragraphes.

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

Vous souhaitez voir un schéma de couleurs bleu marine en action avant de vous engager ? Générez rapidement des maquettes — pages d’accueil, affiches, packagings ou écrans d’interface — afin de valider l’ambiance et le contraste en quelques secondes.

Avec Media.io Text-to-Image, vous pouvez coller un prompt (et votre inspiration HEX choisie) pour obtenir des directions de style cohérentes, puis itérer sur la typographie, la densité de la mise en page, et l’utilisation des couleurs d’accent.

Utilisez-le pour produire plusieurs variantes (minimaliste, luxueux, ludique, technologique) à partir de la même base navy, afin que votre équipe puisse comparer les options côte à côte.

Suivant : Palette de couleurs blanc et noir

Le bleu marine est l'une des couleurs «sérieuses» les plus polyvalentes: il semble haut de gamme comme le noir, mais plus doux, plus convivial et souvent plus facile à lire dans l'interface utilisateur et l'impression.

Vous trouverez ci-dessous plus de 20 idées de palette de couleurs bleu marine avec des codes hexagonaux, ainsi que des conseils d'association pratiques pour la marque, les interfaces et les intérieurs.

Pourquoi les Palettes bleu marine fonctionnent si bien

Le bleu marine porte autorité et confiance (courante dans les finances, le SaaS et le gouvernement) tout en restant plus chaud et plus humain que le noir pur. Cela le rend idéal pour les marques qui veulent se sentir en confiance sans avoir l'air dur.

Il joue également bien avec des accents frais et chauds. Vous pouvez pousser le bleu marine vers une interface utilisateur croustillante et glacée avec des bleus pâles, ou vers des vibrations éditoriales élégantes avec du champagne, du bronz et de l'or métallique.

Du point de vue de l'utilisabilité, navy est excellent pour la structure: navigation, en-têtes et diviseurs de sections. Avec les bons neutres de lumière, il prend en charge un contraste élevé et une lecture confortable.

20+ idées de Palette de couleurs bleu marine (avec Codes hexagonaux)

1) Port de minuit

hexagonal:#081A2E#0E2A47#1F4E6B#9FB8C9#F2F5F7

Humeur:moody, nautique, poli

Meilleur pour:branding de l'hôtel, sites Web premium, visuels des événements de soirée

Moody et cinématographique comme un port après le coucher du soleil, ces tons semblent confiants et haut de gamme. Utilisez la base profonde pour les en-têtes et les sections de héros, puis améliorez la lisibilité avec misty Grey-Blue et Presque-White. Les accents en laiton ou en bois chaud semblent particulièrement raffinés contre la gamme cool navy. Astuce: Gardez le texte du corps sur l'échantillon le plus clair et réservez le texte le plus sombre pour la navigation et les CTA.

Exemple d'Image de midnight harbor 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) Bleu marine orné d'or

hexagonal:#0A1F3D#12335F#2E5E8A#D7B56D#FFF6E6

Humeur:regal, chaleureux, célébrant

Meilleur pour:Emballages, invitations, annonces de produits de luxe

Regal et célébrant, il évoque des costumes de velours, la lumière chaude des bougies et un éclat subtil. Associez les bleus profonds à l'or silencieux pour des bordures, des moments de foil-stamp ou des boutons exceptionnels. Le blanc cassé crémeux garde les agencements aérés tout en se sentant formels. Astuce: Utilisez de l'or avec modération (5 à 10%) afin qu'il se lise comme un point culminant, pas comme un bloc.

Exemple d'Image de gold-trimmed navy généré en utilisant media.io

3) Crépuscule côtière

hexagonal:#0B2342#214D72#5C88A8#BFD6DF#EDE6D6

Humeur:Calme, brise, côtière

Meilleur pour:blogs de voyage, marques de spa, éditoriaux de style de vie

Calme et brillant comme un ciel riverain s'estompant dans le soir, les bleus semblent restauratifs plutôt que lourds. Équilibrez les tons plus foncés avec un bleu verre de mer doux et un gris nuageux pour garder les pages claires. Le sandy neutral ajoute de la chaleur aux en-têtes, aux diviseurs ou aux panneaux d'arrière-plan. Astuce: Essayez un dégradé de bleu profond à bleu pâle pour les superpositions d'images de héros.

Exemple d'Image de crépuscule côtier généré en utilisant media.io

4) Ardoise et sable

hexagonal:#0D203A#243B53#6B7C8C#D1C3A5#FAF8F2

Humeur:Terre à terre, moderne, minimal

Meilleur pour:Intérieur mood boards, architecture portfolios, corporate decks

Terrassé et moderne, il ressemble à la pierre d'ardoise, le rembourrage en lin et la lumière du jour claire. Cette palette de couleurs bleu marine fonctionne magnifiquement lorsque vous voulez de l'autorité sans contraste dur. Associez les gris frais au beige sable pour vous réchauffer sur les diapositives, les études de cas et les légendes de portefeuille. Astuce: Utilisez le beige comme bloc de fond derrière les guillemets pour adoucir la mise en page.

Exemple d'Image de slate & sand généré en utilisant media.io

5) encre de baies

hexagonal:#0A1833#1B2D5A#5B3B6E#C35B7E#F7E6EB

Humeur:Romantique, audacieux, créatif

Meilleur pour:Marques de beauté, Publications sociales, artwork d'album

Romantique et audacieux, il rappelle à l'esprit l'encre sur papier texturé avec un pop de rouge à lèvres berry. Utilisez le bleu le plus foncé pour la structure, puis laissez plum et berry faire la narration émotionnelle avec des accents. La teinte de blush garde le look général convivial et partageable. Astuce: Réservez le berry swatch pour un élément focal par design (badge, CTA ou nom du produit).

Exemple d'Image d'encre de berry générée à l'aide de media.io

6) Nuit arctique

hexagonal:#06162B#0F2E57#2F6E9B#A8D4EA#F4FBFF

Humeur:nette, haut contraste, technique

Meilleur pour:UI de tableau de bord, applications fintech, rapports de données

Nette et à haut contraste, elle évoque l'air hivernal, des écrans clairs et une mise au point nette. Ces combinaisons de couleurs bleu marine sont idéales pour l'interface utilisateur lourde de données où la hiérarchie compte. Laissez le bleu glacé pâle transporter les cartes et les cartes, tandis que les tons plus profonds ancrent la navigation et les barres latérales. Astuce: Utilisez la teinte la plus brillante uniquement pour les états de réussite ou les indicateurs clés afin qu'elle reste spéciale.

Exemple d'Image de la nuit arctique générée en utilisant media.io

7) Bibliothèque Vintage

hexagonal:#0B1E36#2B3A55#6C5A49#B8936A

Humeur:vintage, Confortable, Littéraire

Meilleur pour:Couvertures de livres, Cafés, heritage branding

Vintage et confortable, il ressemble à des reliures en cuir, des étagères en bois et une lueur chaude d'une lampe. La marine ajoute du sérieux, tandis que les bruns apportent de la nostalgie et de l'accessibilité. Le parchemin crémeux est parfait pour les menus, la typographie de couverture ou les étiquettes d'emballage. Astuce: Choisissez un fond légèrement texturé pour amplifier l'ambiance du patrimoine sans encombrement.

Exemple d'Image d'une bibliothèque vintage générée à l'aide de media.io

8) Bande de marin

hexagonal:#081B34#113A6B#2E6EA5#FFFFFF#E63946

Humeur:Sportif, propre, nautique

Meilleur pour:branding sportif, Campagnes estivales, Création d'affiches

Sportif et propre, il canalise des rayures nettes, de l'air frais et une pointe de rouge signal. Utilisez l'espace blanc pour garder les bleus brillants plutôt que lourds. L'accent rouge est le plus fort dans de petites doses-icônes, soulignements ou un seul badge. Astuce: Définissez un équilibre strict 70/25/5 (bleu/blanc/rouge) pour un look net et cohérent.

Exemple d'Image de sailor stripe généré en utilisant media.io

9) Quart de nuit au néon

hexagonal:#070F26#132E63#2c6lit#20D7D4#F6F7FF

Humeur:Énergique, futuriste, vie nocturne

Meilleur pour:flyers musicaux, marques de jeux, écrans d'application

Énergique et futuriste, il se lit comme des lumières de ville contre un ciel tard dans la nuit. Le bleu électrique et le teal apportent du mouvement et de la modernité sans perdre la sensation de terre de la base sombre. Gardez la typographie simple et laissez les accents néon porter la personnalité. Astuce: Essayez les contours lumineux ou les boutons dégradés, mais limitez-les aux actions clés pour éviter le bruit visuel.

Exemple d'Image de neon nightshift généré en utilisant media.io

10) Marine et terre cuite

hexagonal:#081B3A#1E3A62#5F7FA3#C96B4B#F3E8DC

Humeur:Terreux, Méditerranéen, Accueillant

Meilleur pour:restaurant branding, Décoration de la maison, lifestyle Annonces

Terreux et accueillant, il ressemble à des toits en terre cuite sous un ciel profond du soir. L'accent argile chaude empêche les bleus de se sentir trop corporatifs et s'associe bien aux textures naturelles. Utilisez la crème légère pour les menus, la signalisation et l'espace d'arrière-plan pour garder tout lisible. Astuce: Répétez la terre cuite dans de petits points de contact (icônes, balles, garnitures) pour la cohésion.

Exemple d'Image de navy & terracotta généré avec media.io

11) Denim orageux

hexagonal:#0B1A2A#1B3550#3E5F7A#7F9FB6#D7E1E8

Humeur:Décontracté, Confiable, cool

Meilleur pour:Marques de vêtements de travail, Commerce électronique, En-têtes de blog

Décontractés et dignes de confiance, ces tons ressemblent au denim usé et au ciel nuageux. Utilisez les bleus médians pour les boutons et les états de l'interface utilisateur pour garder les interactions conviviales et familières. La teinte en acier pâle est idéale pour les arrière-plans de section et les grilles de produits. Astuce: Ajoutez des grains subtils ou des motifs de type tissu pour renforcer la sensation de denim sans nuire au contraste.

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

12) Les profondeurs du paon

hexagonal:#061A2C#0E3B52#0F6B6E#5FC4B6#E9FFF9

Humeur:Luxuriant, artistique, océanique

Meilleur pour:Marques wellness, emballages, logos de boutiques

Luxuriante et océanique, elle suggère des eaux profondes, des plumes de paon et un calme comme un spa. La gamme teal ajoute de la personnalité tandis que la teinte la plus foncée garde le look haut de gamme. Associez-le au blanc mat, aux neutres de pierre claire ou à l'argent brossé pour une finition propre. Astuce: Utilisez le bright aqua pour les micro-accents comme les icônes, les séparateurs de lignes et les états de mouvement.

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

13) Quartz Rose bleu marine

hexagonal:#0A1A33#1C2F57#6E87A6#E7B7C6

Humeur:Doux, élégant, romantique

Meilleur pour:suites de mariage, pages de destination de beauté, branding féminin

Doux et élégant, il ressemble à un bijoux en quartz rose contre une robe de soirée sombre. Cette palette de couleurs bleu marine est un choix fort pour les designs romantiques qui ont encore besoin d'une structure claire. Équilibrez les tons de blush avec beaucoup de presque blanc pour garder le type net et la photographie brillante. Astuce: Appliquez le blush uniquement sur les arrière-plans et les points forts, pas sur les textes longs, pour une meilleure lisibilité.

Exemple d'Image de rose quartz navy généré en utilisant media.io

14) Uniforme d'Olive

hexagonal:#071B2D#1F3455#4C6A5A#A3B18A#F5F1E6

Humeur:Pratique, Extérieur, Terre à la terre

Meilleur pour:Marques d'outdoor, Uniformes, Rapports sur la durabilité

Pratique et à la terre, il rappelle les vestes de champ, l'ombrage en pin et les matériaux fiables. Les tons olives adoucissent la base foncée et ajoutent un bord naturel et éco-avant. Utilisez le blanc cassé chaud pour les mises en page lourdes de contenu, comme les rapports et les pages longues. Astuce: associez-le à des textures de papier kraft ou de stock recyclé pour renforcer le message d'extérieur.

Exemple d'Image de olive uniform généré en utilisant media.io

15) Soirée de Champagne

hexagonal:#071A35#18385F#445D7A#E8D6B6#FFF9EF

Humeur:glam, chaleureux, sophistiqué

Meilleur pour:Invitations de gala, Événements haut de gamme, Bulletins d'information premium

Glam et sophistiqué, il rappelle la mousse de champagne, les costumes sur mesure et les lieux peu éclairés. Les tons chauds du champagne empêchent le blues de se sentir froid et rendent les titres invitants. Utilisez le bleu moyen pour le type secondaire et laissez la teinte la plus profonde encadrer la composition. Astuce: ajoutez des règles de champagne fines et des bordures pour créer un rythme éditorial haut de gamme.

Exemple d'Image de champagne Soirée générée avec media.io

16) UI Cyber Navy

hexagonal:#050C1E#101E3B#2A3F7A#6E8CFF#EAF0FF

Humeur:Élégant, moderne, produit-LED

Meilleur pour:UI SaaS, écrans d'intégration, composants en mode sombre

Elégant et guidé par le produit, il ressemble à un espace de travail en mode sombre avec des lumières claires et fraîches. Utilisez l'accent périwinkle pour les actions primaires et les états actifs tout en gardant les surfaces dans les bleus plus profonds. La teinte claire aide les cartes et les modaux à se démarquer sans devenir l'interface utilisateur blanc. Conseil: Gardez les ombres subtiles et comptez sur l'espacement et le contraste pour obtenir la profondeur.

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

17) Silencieux Minimal

hexagonal:#0B1730#222B3F#6A7387#papa6#FFFFFF

Humeur:minimal, calme, professionnel

Meilleur pour:Modèles de CV, sites d'entreprise, decks de présentation

Calme et professionnel, il suggère une papeterie nette et des présentations bien éditées. La marine presque noire et le charbon de bois créent une hiérarchie de type confiante sans avoir l'air dur. Le gris clair et le blanc gardent la toile propre pour les graphiques, les tableaux et le texte long. Astuce: Choisissez un ton sombre pour les titres et tenez-le à tout le système pour la cohérence.

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

18) Forêt d'Indigo

hexagonal:#07162B#1A2D4F#2F4A3E#6D8F73#EAF2EA

Humeur:Naturel, calme, contemplatif

Meilleur pour:Imprimés botaniques, emballage écologique, marque de retraite

Naturel et contemplatif, il ressemble à des plantes persistantes ombragées sous un ciel indigo. La gamme green ajoute un équilibre organique à la base profonde et fonctionne bien avec les matériaux recyclés. Utilisez la teinte menthe pâle pour respirer dans les étiquettes et les brochures. Astuce: ajoutez un art de ligne botanique dans la teinte la plus sombre pour un style d'illustration raffiné et discret.

Exemple d'Image de forêt d'indigo générée en utilisant media.io

19) Marbre et bleu marine

hexagonal:#071733#1D325A#5B6F8F#C8D0DA#F7F7F8

Humeur:Propre, architectural, premium

Meilleur pour:branding immobilier, sites de portefeuille, Papeterie

Propre et architecturale, il évoque le marbre frais, le métal poli et les bords tranchants. Les étapes gris-bleu permettent de créer facilement de la profondeur sur les cartes, les sections et les éléments d'impression. Associez le type sans-serif simple et beaucoup d'espace négatif pour une finition haut de gamme. Astuce: gardez la photographie au ton frais afin qu'elle se fonde naturellement avec les neutres comme la pierre.

Exemple d'Image de marble & navy généré avec media.io

20) Étincelle d'agrumes

hexagonal:#081634#1A3C6D#4E7FB8#FFC857#F5FAFF

Humeur:Optimiste, sportif, moderne

Meilleur pour:Marque de démarrage, bannières promotionnelles, badges d'applications

Optimiste et moderne, il ressemble à la lumière brillante du soleil qui traverse le ciel bleu profond. Le jaune agrume ajoute de l'énergie instantanée et améliore la visibilité pour les actions clés. Utilisez le bleu plus pâle et le blanc presque pour garder les mises en page fraîches et réduire la fatigue oculaire. Astuce: Transformez le jaune en un style de mise en lumière cohérent (soulignement, balise ou remplissage d'icône) pour unifier le système.

Exemple d'Image de citrus spark généré en utilisant media.io

21) Brique et plan

hexagonal:#081A33#163A63#3F6C9B#B55239#F2EEE8

Humeur:industriel, confiant, artisanal

Meilleur pour:Marques de construction, affiches d'atelier, logos des fabricants

Industriel et confiant, il suggère du papier de plan, des murs en briques et l'artisanat pratique. Ces combinaisons de couleurs bleu marine s'associent particulièrement bien aux matériaux texturés et au type sans serif audacieux. Utilisez le rouge brique pour les appels à l'action ou les étiquettes clés, et gardez le blanc cassé pour respirer. Astuce: ajoutez des icônes de ligne simples dans le bleu moyen pour renforcer une sensation technique et fiable.

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

22) Contraste Noir encre

hexagonal:#060F22#0B1F3A#2D3C4F#000000#FFFFFF

Humeur:Dramatique, moderne, à haut contraste

Meilleur pour:lookbooks de mode, portefeuilles de photographie, interface utilisateur audacieuse

Spectaculaire et moderne, il ressemble à des ombres d'encre contre une lumière de studio nette. Utilisez les extrêmes noir et blanc pour le punch, et laissez la marine et le charbon de bois adoucir les transitions entre les sections. Le résultat est une palette de couleurs bleu marine qui reste audacieuse sans paraître plate. Conseil: Gardez les images monochromes ou désaturées afin que le contraste soit intentionnel et premium.

Exemple d'Image de contraste inky noir généré à l'aide de media.io

Quelles couleurs vont bien avec le bleu marine?

Le bleu marine se marie naturellement avec des neutres nets comme le blanc, le blanc cassé et le gris frais pour des layouts épurés et professionnels. Si vous voulez une sensation plus douce, remplacez le blanc vif par des tons crème ou parchemin.

Pour plus de chaleur et de sophistication, combinez le bleu marine avec des accents métalliques (or, laiton, champagne) ou des accents terreux comme la terre cuite et le brun. Ceux-ci ajoutent du contraste sans rendre la palette bruyante.

Pour être audacieux, essayez des accents haute visibilité tels que le jaune agrume, le rouge signal, le bleu électrique ou le teal – il est préférable de les utiliser avec modération pour les CTA, les icônes et les points saillants clés.

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

Commencez par l'attribution du rôle: choisissez un bleu marine le plus sombre pour la navigation/en-têtes, un ton moyen pour les états interactifs de l'interface utilisateur et un neutre clair pour les arrière-plans. Cela maintient la hiérarchie cohérente entre les pages ou les diapositives.

Équilibrer le poids avec l'espace blanc. La marine peut se sentir lourde lorsqu'elle est surexploitée, alors donnez-lui de la place à respirer avec des sections légères, un espacement généreux et des séparateurs minces au lieu de blocs épais.

Pour l’accessibilité, testez le contraste sur les textes et boutons. Utilisez du presque blanc pour les textes longs et réservez les accents saturés pour des petits éléments où il vous faut attirer l’attention, jamais pour des paragraphes.

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

Vous souhaitez voir un schéma de couleurs bleu marine en action avant de vous engager ? Générez rapidement des maquettes — pages d’accueil, affiches, packagings ou écrans d’interface — afin de valider l’ambiance et le contraste en quelques secondes.

Avec Media.io Text-to-Image, vous pouvez coller un prompt (et votre inspiration HEX choisie) pour obtenir des directions de style cohérentes, puis itérer sur la typographie, la densité de la mise en page, et l’utilisation des couleurs d’accent.

Utilisez-le pour produire plusieurs variantes (minimaliste, luxueux, ludique, technologique) à partir de la même base navy, afin que votre équipe puisse comparer les options côte à côte.

Suivant : Palette de couleurs bordeaux