Les 22 meilleures palettes de couleurs nautiques : codes hexadécimaux + designs IA

Les palettes de couleurs nautiques sont construites pour la clarté: des marines profondes pour la structure, des blancs nets pour l'espace et des neutres côtiers qui maintiennent les aménagements calmes et modernes.

Vous trouverez ci-dessous plus de 20 combinaisons de palettes prêtes à la mer avec des codes hexagonaux, ainsi que de vrais invites de conception que vous pouvez recréer en quelques secondes en utilisant Media.io.

Pourquoi les Palettes nautiques fonctionnent si bien

Les tons nautiques sont naturellement à haut contraste et lisible. Le bleu marine foncé ancre la typographie et la navigation, tandis que le blanc et le sable pâle gardent les pages lumineuses et spacieuses.

Ils se sentent également intemporels: les couleurs maritimes sont enracinées dans les uniformes, les cartes et les matériaux côtiers, de sorte qu'elles communiquent confiance, artisanat et direction sans avoir besoin de lourdes décorations.

Parce que la plupart des schémas de couleurs nautiques restent dans les bleus frais et les neutres chauds, ils sont faciles à échelle à travers la marque, l'interface utilisateur et l'impression tout en conservant un rythme visuel cohérent.

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

1) Marine portuaire

hexagonal:#b1f3a#123a63#e9dfcf#b9c7d3#c76b4b

Humeur:Croustillant, classique, confiant

Meilleur pour:Identité de marque pour un club de voile

Clair et classique, il évoque un port calme à l'aube avec des blues profonds et des accents réchauffés par le soleil. Utilisez le bleu marine et le bleu océan comme base principale, puis laissez le sable et le gris brumeux adoucir les mises en page. La note en terre cuite fonctionne bien comme un appel à l'action épargné ou comme couleur de badge. Astuce d'utilisation: Gardez le texte dans le bleu marine le plus sombre pour un contraste maximal sur fond clair.

Exemple d'Image de harbor navy 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) Sable de toile à voile

hexagonal:#1a2f4f#2f5f86#f3e6d2#d7c2a5#7a8c7a

Humeur:Chaleureux, à la terre, accessible

Meilleur pour:Conception de menu de café côtier

Chaleureux et à la terre, il ressemble à une toile à voile pliée, des quais blanchis par le soleil et une touche de verdure côtière. Associez les neutres sableux aux bleus pour un menu convivial et lisible qui semble toujours raffiné. L'olive silencieuse fonctionne comme une ligne de séparation subtile ou un point culminant secondaire. Astuce d'utilisation: Utilisez le sable le plus léger comme base de page et réservez la marine pour les titres pour la garder aérée.

Exemple d'Image de sailcloth sand généré à l'aide de media.io

3) brouillard de verre de mer

hexagonal:#0e2a3a#2a6f7b#88c9c3#d9f1ee#f2f4f6

Humeur:Frais, propre, apaisant

Meilleur pour:mockup de l'interface utilisateur du site Web spa

Frais et apaisant, il rappelle le verre de mer et le brouillard roulant sur une baie calme. Cette palette de couleurs nautiques fonctionne mieux avec le teal comme ton héros et le quasi-blanc comme espace de respiration pour le contenu. Ajoutez le bleu-vert profond pour la navigation et le contraste sans se sentir dur. Astuce d'utilisation: Gardez les boutons primaires en bleu et utilisez la teinte la plus foncée uniquement pour le texte et les icônes.

Exemple d'Image de brume de verre de mer générée à l'aide de media.io

4) Accent rouge phare

hexagonal:#061a2d#1e4f7a#f7f3ea#e24a3b#f0c27a

Humeur:Audacieux, nautique, énergique

Meilleur pour:Affiche de l'événement de la régate d'été

Audacieux et énergique, il rappelle un faisceau de phare qui traverse l'air bleu du soir. Laissez le bleu marine et la crème établir une base propre, puis utilisez le rouge comme point focal délibéré pour les dates, les prix ou les appels clés. L'or chaud empêche le rouge de se sentir trop tranchant et ajoute une finition ensoleillée. Astuce d'utilisation: Limitez le rouge à un ou deux éléments par mise en page pour conserver le design premium.

Exemple d'Image de lighthouse red accent généré en utilisant media.io

5) Profondeur de l'Atlantique

hexagonal:#041426#0f2f4a#1f6f8b#a7d7e0#e8f2f4

Humeur:cool, immersif, professionnel

Meilleur pour:Thème d'interface utilisateur du tableau de bord des données

Fraîche et immersive, cette palette de couleurs nautiques ressemble à l'eau profonde avec des reflets de surface brillants. Utilisez la marine presque noire pour les barres latérales et les en-têtes, puis apportez le bleu teal pour les graphiques et les états actifs. L'aqua pâle et le blanc doux gardent les tableaux de bord denses lisibles. Astuce d'utilisation: Réservez les tons les plus légers pour les cartes et les tables de données pour réduire la fatigue visuelle.

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

6) Dockside Denim

hexagonal:#10243f#2d4f7c#5f84b8#d5dde7#f6f7f9

Humeur:Fiable, moderne, discret

Meilleur pour:section héros de la page de destination SaaS

Fiable et discret, il suggère des vestes en denim usées et des rails de quai peints. Construisez une hiérarchie avec les deux bleus les plus foncés pour les titres et la navigation, et laissez la teinte denim plus claire porter des illustrations ou des dégradés de héros. Les gris frais et le blanc cassé gardent la mise en page minimale et technologique. Astuce d'utilisation: Utilisez le bleu moyen pour les boutons principaux afin qu'ils se démarquent sans crier.

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

7) Perle d'huître

hexagonal:#0d2238#3c6f8f#c9d2d7#f2efe8

Humeur:Doux, côtier, élégant

Meilleur pour:suite d'invitation de mariage

Doux et élégant, il évoque les coquilles d'huîtres, l'éclat perlé et les bassins de marée calmes. En tant que palette de couleurs nautiques, elle brille dans un imprimé minimaliste où la texture et l'espacement font le travail lourd. Associez le bleu ardoise à un greige chaud pour le type et les bordures, puis laissez le blanc perle dominer la sensation du papier. Astuce d'utilisation: Choisissez le stock non revêtu et utilisez la marine la plus profonde pour les noms et les détails clés.

Exemple d'Image de oyster pearl généré en utilisant media.io

8) Horizon orageux

hexagonal:#0a1b2a#2b3c4f#5f6f7a#c7d0d6#f1f4f6

Humeur:moody, cinématographique, retenu

Meilleur pour:Éditorial magazine spread

Moody et cinématographique, il ressemble à une ligne de tempête qui rencontre la mer. Utilisez le charbon-marine et l'ardoise pour les titres et tirer les citations, avec des gris frais créant un rythme calme à travers les colonnes. Le quasi-blanc empêche les images et la typographie de devenir lourdes. Astuce d'utilisation: Gardez une ligne d'accent ou une règle dans la feuille moyenne pour guider le lecteur sans encombrement.

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

9) Pin côtier

hexagonal:#081b1f#0f3a3b#2a6c5e#d8e2d8#f3f5f1

Humeur:Naturel, robuste, extérieur

Meilleur pour:Emballage de produits de vêtements d'extérieur

Naturel et accidenté, il rappelle les falaises bordées de pins au-dessus de l'eau sombre. Les verts foncés se lisent comme des verts persistants côtiers et s'associent bien aux blancs doux pour un système d'étiquette propre. Utilisez le vert moyen comme un accent de marque fort mais terre sur les étiquettes et les sceaux. Conseils d'utilisation: Gardez les arrière-plans d'emballage clairs et laissez le ton le plus sombre ancrer les logos et les informations SKU.

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

10) Marina Teal

hexagonal:#062a33#0f5560#1aa6a3#bfe9e6#fff7ee

Humeur:Lumineux, brillant, contemporain

Meilleur pour:Modèle de promotion de médias sociaux

Lumineux et brillant, cette palette de couleurs nautiques ressemble au soleil sur l'eau d'un port de plaisance avec un bord moderne propre. Utilisez le teal vif comme couleur d'attention principale et gardez le bleu-vert plus foncé pour le texte et les icônes. L'aqua pâle et la crème chaude adoucissent le contraste et rendent les aliments conviviaux. Astuce d'utilisation: Créez un modèle répétitif où teal met en valeur l'offre et cream conserve la copie.

Exemple d'Image de marina teal généré avec media.io

11) Corde et toile

hexagonal:#1b2d3a#47616a#cbb89a#f1e7d6#a36a4f

Humeur:Patrimoine, tactile, confortable

Meilleur pour:Conception d'étiquette de spiritueux artisanaux

Patrimoine et tactile, il suggère la corde enroulée, les voiles en toile et le bois vieilli. Le charbon de bois marine et l'ardoise fonctionnent magnifiquement pour le type, tandis que les tons de toile créent une sensation artisanale premium. Ajoutez le brun chaud comme tampon, sceau ou petit détail d'illustration. Astuce d'utilisation: Utilisez l'ombre de toile claire comme espace négatif autour du logo pour garder l'étiquette lisible à distance.

Exemple d'Image de rope & canvas généré en utilisant media.io

12) Boussole de minuit

hexagonal:#030b14#0a2342#1f4e79#f2d59c#f7f5ef

Humeur:Luxueux, dramatique, précis

Meilleur pour:Montre Marque Produit Annonce

Luxueux et dramatique, il ressemble à un voyage de minuit guidé par des instruments de cuivrage. Les bleus profonds offrent une base haut de gamme, tandis que l'or chaud se lit comme un métal poli pour des reflets et des détails. Gardez le blanc cassé pour la copie du produit afin de maintenir la clarté contre les zones sombres. Astuce d'utilisation: Placez l'or uniquement sur les bords des clés et une petite typographie pour éviter un look plat et trop chaud.

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

13) Gris Pélican

hexagonal:#10222c#35515f#8aa0ab#d6dde1#f7f9fb

Humeur:Neutre, aéré, professionnel

Meilleur pour:Architecte portfolio Site Web UI

Neutres et aérés, ces teintes nautiques rappelent les plumes de pélican et la lumière du rivage couvert. Utilisez les gris comme fondation et apportez le bleu-gris profond pour la navigation, les contours et les légende. Le blanc doux crée un espace semblable à une galerie pour la photographie et les études de cas. Conseils d'utilisation: Gardez les états interactifs subtils en déplaçant seulement un pas plus sombre dans la plage de gris.

Exemple d'Image de pelican Grey généré avec media.io

14) Quai ensoleillé

hexagonal:#0f2e4b#2f6f9a#f2c57c#f6e7cf#ffffff

Humeur:Ensoleillé, optimiste, accueillant

Meilleur pour:Conception d'en-tête de bulletin d'information

Ensoleillé et accueillant, il ressemble à un après-midi de jetée lumineuse avec un ciel clair et une lumière chaude sur le bois. Utilisez le bleu pour la structure et la confiance, puis laissez le ton doré agir comme votre point culminant amical pour les boutons ou les étiquettes de section. La crème et le blanc gardent le look général brise et lisible. Astuce d'utilisation: Essayez un dégradé bleu-clair subtil derrière l'en-tête pour ajouter de la profondeur sans ajouter de nouvelles couleurs.

Exemple d'Image d'une jetée ensoleillée générée en utilisant media.io

15) Lavande de marée

hexagonal:#121a3a#374785#7a86c9#cdd2f2#f5f3ff

Humeur:Rêveuse, moderne, sereine

Meilleur pour:Ensemble d'emballage de produits de beauté

Rêveuse et sereine, ces combinaisons de couleurs nautiques suggèrent des marées crépusculaires avec une douce brume violette. LeindigoEt les tons périwinkle semblent contemporains tout en restant calmes, surtout sur fond lilas pâle. Ajoutez la nuance la plus profonde pour la typographie et de petites marques de marque pour la garder nette. Astuce d'utilisation: Utilisez des finitions mates pour que la gamme pastel reste sophistiquée plutôt que sucrée.

Exemple d'Image de tidal lavender généré en utilisant media.io

16) Laiton du capitaine

hexagonal:#0b2239#1e4b6a#c8a24a#ead9b6

Humeur:Patrimoine, haut de gamme, confiant

Meilleur pour:Conception de brochure de hall d'hôtel

Haut de gamme et confiant, il évoque du laiton poli, des uniformes nets et un rembourrage bleu foncé. Utilisez le bleu marine pour la structure et le ton laiton comme accent premium pour les titres, les règles et les icônes. Les crèmes chaudes empêchent l'or de se sentir dur et rendent le texte long plus facile à lire. Conseils d'utilisation: Gardez le laiton à des lignes fines et de petits motifs afin qu'il ressemble à des détails métalliques, pas à un jaune plat.

Exemple d'Image de captain's brass généré en utilisant media.io

17) Ardoise de brise-vents

hexagonal:#0f1b24#243848#4c6472#9fb0bb#e8edf0

Humeur:Stable, industriel, moderne

Meilleur pour:UI du site web de l'entreprise de construction

Stable et moderne, cette palette de couleurs nautiques rappelle les pierres brise-vents et les ciels gris acier. Mettez en couche les tons d'ardoise foncés pour la navigation et les en-têtes de section, puis utilisez le bleu-gris plus clair pour les cartes et les panneaux. Le gris pâle fonctionne bien comme un fond calme qui maintient le contenu devant et au centre. Astuce d'utilisation: Ajoutez du contraste avec les changements de taille et de poids plutôt que d'introduire des couleurs d'accent supplémentaires.

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

18) Régates Pop

hexagonal:#0a1e3f#1e6fd9#ff4d3d#f7f1e1#20bfa8

Humeur:Ludique, sportif, énergique

Meilleur pour:Affiche de campagne sportswear

Ludique et sportif, il ressemble à des voiles de course et des drapeaux brillants claquant au vent. La palette de couleurs nautiques brille lorsque vous choisissez une couleur pop comme pilote de titre et gardez les autres comme accents de soutien. Bleu marine et crème meulent la composition de sorte que le bleu électrique, le corail et le teal restent contrôlés. Astuce d'utilisation: Utilisez le blocage des couleurs dans de grandes formes plutôt que de disperser des accents partout.

Exemple d'Image de regatta pop généré en utilisant media.io

19) Varanges et bois flottant

hexagonal:#102017#2f4a2f#7a6a4f#d6c7b2#f4efe6

Humeur:Terreux, calme, organique

Meilleur pour:Étiquette et boîte eco skincare

Terre et calme, il fait naître des forêts de varanges, des bois de dérivation et des rives sablonneuses. Utilisez le vert foncé pour les marques de marque et les titres des ingrédients, puis laissez le brun bois flottant réchauffer les illustrations et les sceaux. La gamme soft beige garde l'emballage propre et durable. Astuce d'utilisation: Choisissez un art de ligne simple en vert foncé pour garder l'ambiance naturelle cohérente.

Exemple d'Image de kelp & driftwood généré en utilisant media.io

20) Bleu Iceberg

hexagonal:#0a2a43#1e5f7a#6fbad1#cfeef6#f7fdff

Humeur:Glacieux, frais, spacieux

Meilleur pour:Écrans d'intégration de l'application fintech

Glacé et frais, il évoque de l'eau claire et de la lumière brillante de l'iceberg. Utilisez le bleu profond pour une typographie forte et le bleu moyen à clair pour les états de progression et les illustrations. L'aqua pâle et le blanc presque donnent aux écrans une sensation spacieuse et digne de confiance. Conseils d'utilisation: Gardez les dégradés subtils et restez dans les bleus adjacents afin que l'interface reste calme.

Exemple d'Image de iceberg blue généré en utilisant media.io

21) Chartroom Classique

hexagonal:#0b2748#174d7a#f4f0e6#d1b48c#6b5a4b

Humeur:Traditionnel, livresque, raffiné

Meilleur pour:flyer d'exposition du musée

Traditionnel et raffiné, il ressemble à des cartes anciennes, des reliures en cuir et des notes bleu encre. En tant que palette de couleurs nautiques, elle fonctionne magnifiquement pour les imprimés culturels qui ont besoin d'autorité sans se sentir froide. Utilisez la crème pour les marges généreuses, les bleus pour les titres et le duo brun-brun pour les petites marques de carte ou les appellations. Astuce d'utilisation: Ajoutez des règles fines en brun à des sections séparées sans boîtes lourdes.

Exemple d'Image de chartroom classic généré avec media.io

22) Pastels marins

hexagonal:#a2b52#7db6c8#f6d1c1#f8f1e9#a6d8c9

Humeur:Doux, convivial, contemporain

Meilleur pour:Atterrissage du portefeuille de creative studio

Doux et convivial, il suggère des maisons de bord de mer peintes et un lever de soleil pastel. Le bleu marine fonde les tons plus clairs de sorte que le blush et la menthe se sentent intentionnels plutôt que doux. Utilisez le bleu ciel pour les liens et les points forts, et gardez la crème comme fond principal. Astuce d'utilisation: Appliquez le bleu marine avec modération dans de grands blocs et laissez les pastels porter la personnalité aérée.

Exemple d'Image de seafarer pastels généré en utilisant media.io

Quelles couleurs vont bien avec le nautique?

Les palettes nautiques s'associent mieux aux neutres à la terre: sable, toile, crème chaude et gris brumeux. Ces tons adoucissent le bleu marine foncé et empêchent les grands arrière-plans d'être lourds.

Pour une touche moderne, ajoutez le bleu verre de mer, le bleu ardoise ou le bleu clair iceberg pour créer de la profondeur tout en restant dans une chaîne côtière calme.

Si vous voulez un contraste, utilisez un seul accent comme le rouge phare, la terre cuite ou l'or laiton – gardé clair – afin que le design soit toujours propre et maritime.

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

Commencez avec le bleu marine (ou bleu-vert profond) comme votre "encre" pour les titres, icônes et la structure de l’interface utilisateur. Puis choisissez un neutre clair (crème, perle ou quasi-blanc) comme couleur de fond principale pour préserver la lisibilité.

Utilisez une teinte intermédiaire (denim, ardoise ou sarcelle) pour les états interactifs comme les boutons, liens, graphiques ou mises en valeur. Cela garantit la cohérence du système sur tous les écrans et composants.

Pour l’impression, privilégiez l’espacement et la texture : papier non couché, filets fins et accents subtils donnent aux tons nautiques un aspect haut de gamme plutôt que thématique.

Créer des visuels de Palette nautique avec l'IA

Si vous avez déjà des codes HEX, vous pouvez rapidement les transformer en visuels conformes à la marque—menus, affiches, maquettes de packaging et écrans d’interface—en décrivant la mise en page et en laissant l’IA gérer la composition.

Réutilisez les invites ci-dessus comme modèles, en modifiant le sujet (planche de marque, brochure, écrans d’onboarding) tout en maintenant la cohérence des couleurs nautiques pour chaque rendu.

Avec Media.io, vous pouvez générer plusieurs variantes, choisir la meilleure direction et affiner rapidement—sans tout reconstruire depuis zéro.

À suivre : Palette abricot