Tons marins modernes : 20 combinaisons de palettes à essayer

Les tons marins sont incontournables pour l’identité visuelle moderne car ils évoquent la propreté, la confiance et un effet instantanément apaisant. Des teals profonds aux verts menthe aérés, une palette marine peut osciller du luxe au ludique sans perte de clarté.

Ci-dessous, retrouvez 20 combinaisons inspirées par la mer avec codes HEX, ainsi que des exemples de prompts réels à réutiliser pour générer des visuels assortis pour UI, packagings, affiches, et plus encore.

Pourquoi les palettes marines fonctionnent-elles aussi bien ?

Les palettes marines équilibrent naturellement profondeur froide et clarté lumineuse. Les bleus nuit et teals foncés ajoutent de l’autorité, tandis que les tons aqua et écume de mer maintiennent une sensation de fraîcheur dans les interfaces et compositions.

Elles conviennent aussi bien aux systèmes graphiques minimalistes qu’expressifs. Vous pouvez rester monochrome pour un rendu moderne et soigné, ou incorporer des accents chaleureux (sable, corail, agrumes) pour créer contraste et énergie.

Plus important encore, les tons marins sont souvent des « couleurs de confiance » pour les produits numériques. Elles facilitent la lecture, assurent la stabilité en mode clair comme sombre, et rendent très bien en dégradés, graphiques et états d’UI.

20+ idées de palettes de couleurs marines (avec codes HEX)

1) Courant Profond

HEX : #062c30 #0b3c49 #1b6b73 #4fbdbb #e0f7f5

Ambiance : sombre, raffiné, calme sous-marin

Idéal pour : page d’accueil de marque de luxe et dégradés héros

Profondeur intense et mouvement discret, comme la lune sur une houle ondulante. Utilisez les teals foncés en fond, puis soulignez les éléments UI clés avec l’aqua lumineux pour le contraste. Associez avec des blancs cassés chauds ou une texture subtile pour éviter un aspect plat. Astuce : réservez la teinte la plus claire pour les espaces blancs afin que graphiques et boutons restent nets.

Exemple d’image de « courant profond » générée via media.io

Media.io

Media.io est un studio IA en ligne pour créer et éditer vidéo, image et audio dans votre navigateur.

Essayez-le gratuitement maintenant

2) Verre de Mer Matinal

HEX : #d7f2ef #9ad9d4 #5fb8b2 #2e8a8a #0f4c5c

Ambiance : aérien, frais, stimulant

Idéal pour : UI d’application bien-être et écrans d’accueil

Aérien et optimiste, tel le soleil pâle à travers du verre poli sur la plage. Cette palette marine est idéale pour les designs bien-être et lifestyle où la clarté prime. Associez les menthes à un texte charbon et un unique CTA teal profond pour une hiérarchie nette. Astuce : gardez les dégradés subtils entre les trois premières couleurs pour conserver une sensation de douceur et d’aération.

Exemple d’image de « verre de mer matinal » générée via media.io

3) Brume de Port

HEX : #f4f7f8 #cfd8dc #90a4ae #4f6d7a #2b3a42

Ambiance : discret, côtier, sophistiqué

Idéal pour : mises en page éditoriales et catalogues produits

Calme et posée, comme le brouillard sur les quais à l’aube. Les gris froids laissent respirer la typographie, tandis que le bleu ardoise structure grilles et séparateurs. À marier avec des textures papier naturelles ou un beige doux pour réchauffer sans perdre la quiétude. Astuce : réservez la teinte la plus foncée pour les titres, le texte courant en ardoise intermédiaire pour limiter le contraste agressif.

Exemple d’image de « brume de port » générée via media.io

4) Forêt de Kelp

HEX : #0b1f1a #123d2f #1f6f5b #3ba99c #cfeee7

Ambiance : terreuse, luxuriante, aventurière

Idéal pour : identité et packaging de marque outdoor

Luxuriante et nourrissante, comme le soleil filtrant à travers la canopée sous-marine. Les verts très foncés ancrent le graphisme tandis que le teal apporte du peps aux badges, icônes et détails. À marier avec du neutre kraft ou du noir mat pour un effet premium et robuste. Astuce : imprimez les tons foncés en encre pantone ou noirs riches pour éviter qu’ils deviennent ternes.

Exemple d’image de « forêt de kelp » générée via media.io

5) Pastels Bassin de Marée

HEX : #f2fbff #c8f3f0 #a0e7e5 #7bdff2 #4ea8de

Ambiance : ludique, léger, apaisant

Idéal pour : illustrations éducatives et affiches douces pour enfants

Ludique et léger, comme de petits coquillages et les rides dans un bassin sous le soleil. Ces aquas pastel sont parfaits pour illustrations amicales, autocollants et doux dégradés. À associer avec fond crème chaleureux et typographie arrondie pour conserver l’aspect accueillant. Astuce : n’utilisez le bleu profond que pour les contours afin de garder une impression aérienne.

Exemple d’image de « pastels bassin de marée » générée via media.io

6) Marine Classique

HEX : #0a2342 #1d3557 #457b9d #a8dadc #f1faee

Ambiance : intemporel, net, digne de confiance

Idéal pour : sites corporate et rapports annuels

Intemporelle et soignée, évoquant le lin repassé et les lignes claires de pont. Le marine structure navigation et titres, tandis que les bleus clairs assurent lisibilité et modernité. À compléter d’un accent chaud comme du laiton ou du beige sur graphiques et mises en avant. Astuce : utilisez le bleu quasi-blanc en fond pour éviter l’aspect trop froid du blanc pur.

Exemple d’image de « marine classique » générée via media.io

7) Banc de Sable Corallien

HEX : #0b525b #3a7ca5 #f4d6cc #f7b267 #f79d65

Ambiance : baigné de soleil, convivial, énergisant

Idéal pour : flyer événement été et identité café plage

Chaud et plein de vie, comme un banc de sable où la lumière corail se reflète sur l’eau. Ces teintes fonctionnent quand il faut une base teal amicale avec des accents pêche dynamiques. Ajoutez des tons papier crème et une typo sans-serif audacieuse pour garder un effet moderne. Astuce : utilisez l’orange corail en petite touche sur boutons ou dates afin qu’il ressorte sans écraser les bleus.

Exemple d’image de « banc de sable corallien » générée via media.io

8) Vagues Orageuses

HEX : #111827 #1f2937 #374151 #6b7280 #9ca3af

Ambiance : dramatique, moderne, minimal

Idéal pour : tableaux de bord tech et UI mode sombre

Dramatique et moderne, comme de gros nuages sur une mer agitée. La base presque noire donne un aspect premium aux data, tandis que les gris moyens hiérarchisent panneaux et cartes. À ponctuer d’un accent teal saturé pour états actifs et liens. Astuce : pour les petits textes, ne mettez le gris le plus clair que sur les labels principaux, pas les métadonnées secondaires.

Exemple d’image de « vagues orageuses » générée via media.io

9) Lagon Bleu Pop

HEX : #003049 #00a8e8 #0077b6 #90e0ef #caf0f8

Ambiance : éclatant, sportif, rafraîchissant

Idéal pour : publicités sportives et bannières réseaux sociaux

Éclatant et rafraîchissant, comme un plongeon dans l’eau claire un jour d’été. Les bleus saturés sont faits pour les titres percutants, formes dynamiques et CTA à fort contraste. Ajoutez de l’espace blanc et une typo rigoureuse pour un fini athlétique et précis. Astuce : utilisez les deux teintes les plus claires en fond pour les textes afin de garantir la lisibilité sur mobile.

Exemple d'image de Blue Lagoon Pop générée avec media.io

10) Neutres Bois Flotté

HEX : #2f2f2f #5c574f #a89f91 #d8d3c8 #f6f4f0

Ambiance : naturel, ancré, subtil

Idéal pour : moodboards de design d'intérieur et blogs

Naturel et ancré, comme du bois vieilli ou une corde délavée par le soleil. Ces neutres créent une base calme pour les pages riches en photos et les lectures longues. À associer à un bleu sarcelle discret ou une touche de bleu marine pour une influence côtière sans tomber dans le littéral. Astuce : utilisez le taupe moyen pour les séparateurs et bordures UI afin que la mise en page reste structurée mais douce.

Exemple d'image de neutres bois flotté générée avec media.io

11) Métalliques Sirène

HEX : #083d3d #0b6e6e #2ec4b6 #b2f7ef #f0f3bd

Ambiance : chatoyant, moderne, fantaisiste

Idéal pour : publicités beauté et branding brillant

Chatoyant et fantaisiste, comme la lumière irisée sur l’eau ondulante. La gamme sarcelle-menthe est rafraîchissante, le jaune pâle apporte une lueur subtile pour les surbrillances. À associer à une typographie noire et une touche de texture métallique pour renforcer la sensation premium et glossy. Astuce : réservez le jaune aux petits points lumineux, comme des prix ou des icônes.

Exemple d'image de métalliques sirène générée avec media.io

12) Minimal Bord de Mer

HEX : #ffffff #e6f1f2 #b8d8d8 #4f9da6 #2b6f77

Ambiance : épuré, spacieux, contemporain

Idéal pour : UI SaaS, sites fintech et présentations

Épuré et spacieux, comme une architecture moderne face à l’eau. Ce schéma marin est idéal pour des interfaces qui inspirent confiance et clarté sans paraître froides. À associer avec un gris chaud pour le texte secondaire et des icônes restreintes en bleu sarcelle profond. Astuce : ne mettez le bleu sarcelle le plus intense que sur les actions principales pour préserver le côté minimal.

Exemple d'image de minimal bord de mer générée avec media.io

13) Rétro Marin

HEX : #1b263b #415a77 #778da9 #e0e1dd #f4a261

Ambiance : nostalgique, affirmé, audacieux

Idéal pour : affiches et packagings vintage inspirés

Nostalgique et affirmé, comme une affiche de voyage classique aux encres délavées par le soleil. Les bleus superposés créent de la profondeur, tandis que l’orange chaud apporte une touche rétro et conviviale. À associer à un papier blanc cassé et une typographie à empattement pour accentuer le sentiment vintage. Astuce : l’orange s'utilise en petite zone forte, comme un cachet ou un badge d’appel.

Exemple d'image de rétro marin générée avec media.io

14) Agrume Côtier

HEX : #004e64 #00a5cf #9fffcb #f4d35e #ee964b

Ambiance : joyeux, frais, percutant

Idéal pour : branding alimentation et boissons

Joyeux et frais, comme de l’eau pétillante avec une touche d’agrume. Les bleus frais gardent le look propre tandis que le jaune et l’orange apportent appétit et chaleur. À associer à des icônes filaires simples et beaucoup d’espace blanc pour une étiquette moderne et énergique. Astuce : utilisez le vert menthe en couleur de transition entre les zones bleues et jaunes pour éviter les ruptures franches.

Exemple d'image d’agrume côtier générée avec media.io

15) Marina Minuit

HEX : #03045e #023e8a #0077b6 #00b4d8 #90e0ef

Ambiance : élégant, nocturne, très contrasté

Idéal pour : affiches musicales et titres web audacieux

Élégant et nocturne, comme des néons qui se reflètent sur l’eau sombre du port. Cette palette marine offre une base bleu nuit intense et des sarcelles électriques pour l’énergie. À associer à de la typo noire ou charbon et garder les dégradés serrés pour un look moderne à fort impact. Astuce : réservez le bleu le plus clair aux bordures lumineuses et micro-surbrillances, afin d’éviter l’effet de bandes sur les grandes zones.

Exemple d'image de marina minuit générée avec media.io

16) Perle et Plancton

HEX : #f8f3ef #e7d8c9 #8ecae6 #219ebc #023047

Ambiance : doux, raffiné, chic côtier

Idéal pour : papeterie mariage et branding lifestyle

Doux et raffiné, comme des perles sur l’horizon bleu. Les crèmes chaudes apportent de la romance, tandis que les bleus nets ajoutent une touche côtière moderne. À associer à des titres élégants à empattement et des accents fins pour des invitations ou des identités de marque. Astuce : imprimez les crèmes sur papier non couché pour une sensation premium et tactile.

Exemple d'image de perle et plancton générée avec media.io

17) Spa d’Eau Salée

HEX : #e9f5f2 #b7e4c7 #74c69d #2d6a4f #1b4332

Ambiance : apaisant, botanique, restauratif

Idéal pour : cartes spa et illustrations botaniques

Apaisant et restauratif, comme la vapeur d’eucalyptus et l’eau minérale fraîche. Les verts doux évoquent la pureté pour le bien-être, tandis que les tons forêt ancrent les titres. À associer à des feuilles en aquarelle et de grands espaces pour renforcer le calme. Astuce : mettez le fond du menu dans la teinte la plus pâle, et réservez le vert foncé aux titres de section uniquement.

Exemple d'image de spa d’eau salée générée avec media.io

18) Tricot Marin

HEX : #152238 #1f4e5f #2a9d8f #e9c46a #f4f1de

Ambiance : douillet, artisanal, côtier

Idéal pour : branding mercerie et lookbooks

Douillet et artisanal, comme un gros pull en maille par une brise marine. Ces accords marins équilibrent des bleus-verts robustes avec un accent doré chaleureux et humain. À associer à du papier texturé, des motifs brodés et des icônes simples pour illustrer le côté fait main. Astuce : réservez l’or aux badges et petites étiquettes pour une sensation de point chaud, pas de bloc de couleur.

Exemple d'image de tricot marin générée avec media.io

19) Typographie Aqua

HEX : #011627 #0b7285 #1dd3b0 #b2f7ef #f6fff8

Ambiance : net, moderne, très lisible

Idéal pour : affiches de typo et citations graphiques

Net et moderne, comme une lettre tranchée sur l’eau claire. La base encre crée un contraste fort et les nuances aqua donnent du punch aux titres et accents. À associer avec une famille sans-serif unique et un interlettrage généreux pour un look de galerie. Astuce : gardez la menthe claire en fond discret afin que le titre sarcelle reste le héros.

Exemple d'image de typographie aqua générée avec media.io

20) Crépuscule sur la Jetée

HEX : #2a2d34 #3a506b #5bc0be #f4f1bb #e7ecef

Ambiance : cinématographique, équilibré, légèrement nostalgique

Idéal pour : en-têtes de blogs voyage et overlays photo

Cinématographique et équilibré, comme la dernière lumière derrière une jetée tranquille. Le gris-bleu sombre s'accorde aux photos, tandis que le sarcelle et le jaune clair laissent une note couleur mémorable en touche. À associer à de grands espaces blancs et un grain subtil pour garder un effet éditorial. Astuce : la touche jaune va sous les petits encarts texte pour rayonner, sans trop attirer l’oeil.

Exemple d'image de crépuscule sur la jetée générée avec media.io

Quelles couleurs s’accordent avec la mer ?

Les tons marins s’associent idéalement à des neutres ancrés comme le sable, le taupe bois flotté, le gris chaud et le blanc cassé. Ils gardent l’aspect côtier sans exagérer le bleu ou l’effet “à thème”.

Pour contraster, ajoutez de petites touches chaudes comme du corail, pêche, jaune agrume ou terracotta. Ces accents sont parfaits pour les boutons d’action, badges, dates, et surbrillances car ils ressortent face au sarcelle ou au bleu marine.

Pour une ambiance moderne et technique, associez des palettes marines à du charbon, de l’ardoise ou du presque noir. Ce combo fonctionne très bien pour les dashboards, modes sombres et textes très contrastés.

Comment utiliser une palette marine en design réel ?

Commencez par définir à chaque rôle sa couleur : un ton profond pour l’en-tête/nav, un ton moyen pour les éléments, une teinte claire pour les fonds, et un accent pour les actions. Les palettes marines se prêtent aux dégradés, vous pouvez donc aussi fondre des teintes voisines sur les zones “hero”.

Surveillez bien le contraste, surtout avec les combinaisons aqua/blanc ou menthe/gris. Gardez les textes en charbon ou marine, réservez l’aqua vif pour les icônes et états interactifs, et testez le contraste WCAG sur les petits labels UI.

En print ou packaging, ajoutez de la texture pour éviter l’effet plat : papier non couché, grain subtil, ou détails foil. Les sarcelles et bleus profonds sont très premium associés aux blancs chauds et touches de lumière contrôlées.

Créez des visuels de palettes marines avec l’IA

Si vous avez déjà vos HEX codes, générez vos maquettes “sur-mesure” en décrivant la scène (UI, packaging, affiche…) puis en précisant les couleurs dominantes et accent. Cela permet de rester cohérent avec votre palette marine.

Réutilisez les prompts ci-dessus comme modèles : changez le type de produit, le style ou le ratio de mise en page, mais gardez vos tons marins dans la ligne “couleurs dominées par…” pour des résultats fiables.

Lorsque vous trouvez un style qui vous plaît, testez de ne changer qu’une variable à la fois (lumière, typographie, texture ou contraste). C’est la méthode la plus rapide pour créer des visuels cohérents.

Suite : Palette de couleurs Rose Choc