Tons de couleur de l'océan : 20 combinaisons de palettes à essayer

Les palettes de couleurs océaniques sont à l’équilibre parfait entre calme et clarté : les bleus froids et les bleus-verts inspirent confiance, tandis que les bleus marines à fort contraste donnent un aspect précis à l’UI et à la typographie.

Ci-dessous, vous trouverez des tons océaniques modernes avec des codes HEX prêts à l’emploi — ainsi que des exemples de prompts IA à adapter pour le branding, l’affichage ou des interfaces produit.

Pourquoi les palettes océaniques fonctionnent si bien

Les tons océaniques communiquent naturellement stabilité, profondeur et concentration — des qualités idéales pour les produits numériques et identités de marque. Les bleus et bleus-verts apparaissent "propres" sans être froids, raison pour laquelle on les retrouve souvent dans l’UI et le design bien-être.

Il est facile d’y construire une hiérarchie : le bleu marine profond peut ancrer la navigation et les titres, les bleus moyens fonctionnent bien pour les graphiques et les cartes, et les bleus très clairs aèrent la mise en page. Ajoutez-y une touche chaude (corail, ambre, sable) pour du contraste sans perte d’harmonie.

La plupart des associations de couleurs océaniques sont aussi parfaites pour les dégradés. Des transitions subtiles du marine au cyan donnent de la dimension aux en-têtes, bannières et arrière-plans sans recourir à des visuels très chargés.

Plus de 20 idées de palettes couleurs océaniques (avec codes HEX)

1) Houle Profonde

HEX : #001A33 #003B73 #0B6FA4 #2EC4B6 #E6F7FF

Ambiance : audacieux, épuré, nautique

Idéal pour : interface tableau de bord SaaS

Audacieux et nautique comme un canal profond rencontrant l’écume lumineuse. Le contraste entre le bleu marine et l’aqua garde la mise en page nette tout en restant accueillante. Utilisez-la pour des écrans analytiques, tableaux de données, produits à forte navigation, et associez-la à beaucoup d’espace blanc et à un gris chaud pour la lisibilité. Astuce : réservez le bleu-vert pour les boutons principaux et gardez les graphiques principalement en bleu pour une hiérarchie plus paisible dans une palette océanique.

Exemple d’image de houle profonde générée avec media.io

Media.io

Media.io est un studio IA en ligne pour créer et éditer des vidéos, images et audio depuis votre navigateur.

Essayez-le gratuitement maintenant

2) Calme Verre de Mer

HEX : #0E3A43 #2F6F73 #7CCBC2 #CFEDE7 #F7FBFC

Ambiance : doux, aérien, ressourçant

Idéal pour : identité de marque bien-être

Doux et ressourçant, comme du verre poli par des années d’eau et de lumière. Ces bleus-verts atténués et menthes pâles inspirent confiance pour le bien-être, le soin de la peau, et toute marque mindful. Associez-les à des textures de papier blanc cassé et un beige sable discret pour conserver la chaleur. Astuce : employez le bleu-vert le plus foncé pour les titres et laisez le texte courant presque noir pour le contraste.

Exemple d’image de calme verre de mer générée avec media.io

3) Corail Éclatant

HEX : #05304A #0E7490 #2DD4BF #FF6B6B #FFE8D6

Ambiance : ludique, vibrant, ensoleillé

Idéal pour : affiche d’événement d’été

Ludique et ensoleillé, comme des poissons de récif jouant entre ombres turquoise et corail en fleurs. Le contraste bleu-vert/corail offre une combinaison qui attire instantanément l’œil sur affiches ou visuels sociaux. Associez-la à des neutres crémeux pour équilibrer les accents, et gardez la typo simple et audacieuse. Astuce : le corail doit souligner seulement les infos clés, comme les dates ou boutons billets.

Exemple d’image de corail éclatant générée avec media.io

4) Atlantique Orageux

HEX : #0B1320 #22324A #415A77 #8DA9C4 #EEF2F7

Ambiance : sombre, sérieux, raffiné

Idéal pour : mise en page magazine éditoriale

Sombre et raffiné, tel des vagues d’ardoise sous un ciel pesant. Ces bleus et gris froids donnent un aspect haut de gamme aux éditoriaux, contenus financiers et récits documentaires. Associez-les à une touche chaude (laiton, terre cuite) pour éviter la froideur. Astuce : rédigez les légendes en bleu-gris le plus clair pour créer de la profondeur sans sacrifier la lisibilité.

Exemple d’image d’atlantique orageux générée avec media.io

5) Courant Tropical

HEX : #004E64 #00A5CF #9FFFCB #FFD166 #F7FFF7

Ambiance : vif, énergique, prêt pour les vacances

Idéal pour : page d’accueil voyage UI

Vif et plein de vacances, comme des fonds limpides éclairés par le soleil de midi. Les cyan et menthe sont frais, tandis que l’accent doré apporte chaleur et visibilité aux offres. À utiliser sur les pages d’accueil d’agences de voyage, fiches destinations, boutons réservations, avec beaucoup d’espace blanc pour une touche aérienne. Astuce : gardez le jaune pour les badges ou prix, comme accent assumé.

Exemple d’image de courant tropical générée avec media.io

6) Brume Portuaire

HEX : #1B2A41 #3A506B #5BC0BE #C6D8D3 #F1F6F9

Ambiance : discret, moderne, professionnel

Idéal pour : présentation de slides

Discret et moderne, inspiré d’un port plongé dans la brume où seuls les bouées bleu-vert apparaissent. Les bleus-gris donnent du sérieux, le bleu-vert apporte une touche accueillante et contemporaine. Parfait pour pitch decks, rapports, narration B2B, surtout avec une iconographie simplifiée. Astuce : utilisez le marine le plus sombre pour les titres et le gris brumeux en fond de section pour structurer les slides.

Exemple d’image de brume portuaire générée avec media.io

7) Varech de Minuit

HEX : #03071E #1B263B #0B7285 #2A9D8F #E9F5F2

Ambiance : dramatique, élégant, sous-marin

Idéal pour : bannière pub produit tech

Dramatique et élégant, comme des forêts de varech disparaissant dans la nuit sous-marine. Le bleu marine quasi-noir fait ressortir les bleus-verts — idéal pour pubs tech et bannières héros. À associer à une typo minimaliste et une composition sobre pour un effet premium et non chargé. Astuce : ajoutez un dégradé subtil du marine au bleu-vert foncé derrière le titre produit pour donner de la profondeur.

Exemple d’image de varech de minuit générée avec media.io

8) Brise sur Banc de Sable

HEX : #0A3D62 #3C91E6 #9AE6E6 #F2E9E4 #D6C7B8

Ambiance : côtier, détendu, baigné de soleil

Idéal pour : invitation de mariage plage

Détendu et lumineux, comme un banc de sable apparaissant sous l’eau claire. L’association des bleus aériens et des neutres chaleureux propose une palette océan accueillante pour invitations et papeterie. À marier avec une typographie élégante et fine, un motif raffiné, et privilégier les neutres pour un rendu doux. Astuce : imprimez le beige en fond léger et gardez le bleu marine pour les noms ou infos clés.

Exemple d’image de brise sur banc de sable générée avec media.io

9) Jeu de Dauphin

HEX : #1D3557 #457B9D #A8DADC #F1FAEE #FFB703

Ambiance : amical, sportif, dynamique

Idéal pour : interface appli éducative enfants

Amical et dynamique, comme des dauphins émergeant des eaux matinales. La gamme des bleus reste calme, adaptée à une longue exposition écran, tandis que l’accent jaune apporte de l’énergie aux récompenses et aux étapes. Utilisez-la pour des applis enfants, onboarding, micro-interactions ludiques, assortie de formes arrondies et grandes polices. Astuce : gardez le jaune pour les petits éléments UI comme étoiles, badges ou boutons.

Exemple d'image de jeu de dauphin générée avec media.io

10) Nautical Classic

HEX : #001F54 #034078 #1282A2 #FEFCFB #F7B32B

Ambiance : intemporel, net, assuré

Idéal pour : identité d'entreprise de transport maritime

Intemporel et assuré, comme des uniformes nets et des numéros de coque peints. Le bleu marine et le blanc conservent une autorité, tandis que la touche dorée ajoute une couleur classique pour les éléments clés. Cela convient pour les marques logistiques, les sites de service et la signalétique, surtout associé à une typographie sans empattement forte. Conseil : utilisez le doré avec parcimonie pour les icônes et les appels à l'action afin d’éviter un aspect d'équipe sportive.

Exemple d'image de Nautical Classic générée avec media.io

11) Lagoon Neon

HEX : #0B132B #1C2541 #5BC0BE #6FFFE9 #F8F9FA

Ambiance : électrique, moderne, nocturne

Idéal pour : flyer pour festival de musique

Électrique et moderne, comme des reflets de néon ondulant sur un lagon la nuit. Les tons aqua lumineux ressortent sur le bleu indigo profond, rendant titres et plannings immédiatement lisibles. Utilisez-le pour des flyers de festivals de musique ou des posts sociaux, associé à des formes géométriques ou des textures glitch pour plus d’énergie. Conseil : gardez le texte principal en quasi-blanc et réservez le vert néon pour le nom du tête d'affiche et les accents clés.

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

12) Glacier Bay

HEX : #0E2A47 #1B4965 #5FA8D3 #CAE9FF #F8FBFF

Ambiance : frais, net, spacieux

Idéal pour : interface de site médical

Frais et spacieux, comme l’eau glacée sous une atmosphère claire. Les bleus glacés donnent une impression de propreté et de réassurance pour les soins médicaux, cliniques et portails patients. Associez-les à des cartes arrondies, des espaces généreux et une petite touche chaude (corail) si un accent est nécessaire. Conseil : utilisez le bleu le plus pâle comme fond de section pour guider le regard sans bordures lourdes.

Exemple d'image de Glacier Bay générée avec media.io

13) Marine Sunset

HEX : #06283D #1363DF #47B5FF #FF9F1C #FFF2D8

Ambiance : chaud, optimiste, cinématographique

Idéal pour : modèles de carrousel Instagram

Chaud et cinématographique, comme l’horizon qui vire à l’orange sur une surface bleue calme. Le contraste bleu-ambre permet des diapositives percutantes et raffinées. Ces combinaisons océaniques fonctionnent parfaitement pour les templates carrousel, citations et annonces, associés à de la typographie large et des séparateurs simples. Conseil : laissez le fond crème faire l’essentiel et utilisez l’orange seulement pour une mise en valeur par diapositive.

Exemple d'image de Marine Sunset générée avec media.io

14) Pearl Diver

HEX : #1C315E #227C9D #BFD7EA #E7ECEF #F9C784

Ambiance : élégant, léger, premium

Idéal pour : packaging de produit de joaillerie

Élégant et léger, comme des perles extraites d'une eau pâle avec une touche de chaleur dorée. Les bleus poudrés évoquent le haut de gamme sans être glacés, idéal pour la joaillerie, les cosmétiques et le packaging boutique. À associer avec des détails embossés, des finitions mates et une encre foncée pour la typographie afin de conserver l’élégance. Conseil : utilisez le ton pêche comme accent embossé plutôt qu’en couleur de panneau.

Exemple d'image de Pearl Diver générée avec media.io

15) Blueprint Wave

HEX : #0B3D91 #1E5AA8 #3FA9F5 #7AD7F0 #F2F7FF

Ambiance : structuré, lumineux, innovant

Idéal pour : interface d’appli fintech mobile

Structuré et innovant, comme des plans techniques dessinés sur de l’eau en mouvement. Les bleus adaptés aux dégradés sont parfaits pour graphiques, cartes et barres d’onglets sans encombrement visuel. Utilisez-le pour un produit mobile où la confiance compte et associez une seule touche chaude (corail) pour les alertes et confirmations. Conseil : gardez le ton le plus clair pour les fonds et réservez le plus foncé pour la navigation et les totaux sur une palette océanique.

Exemple d'image de Blueprint Wave générée avec media.io

16) Aquatic Pastels

HEX : #3D5A80 #98C1D9 #BEE3DB #F0F7F4 #EE6C4D

Ambiance : doux, amical, moderne

Idéal pour : en-tête de blog et icônes

Doux et amical, comme des lavis d’aquarelle sur de l’eau peu profonde. Les bleus et verts pastel rendent l’approche conviviale tandis que le corail apporte une touche moderne pour les points forts. À utiliser pour en-têtes de blog, sets d'icônes et illustrations simples, associé à une typographie arrondie sans empattement. Conseil : appliquez le corail sur une icône par ligne pour créer un point de focalisation.

Exemple d'image de Aquatic Pastels générée avec media.io

17) Tidepool Botanica

HEX : #0B3C49 #1B6B6F #84A98C #CAD2C5 #F2E8CF

Ambiance : terreux, côtier, naturel

Idéal pour : impressions botaniques aquarelle

Terreux et côtier, comme des plantes de bassin de marée attachées à des rochers dans une eau saumâtre. Les verts-bleus inspirent le côté organique, idéal pour l’art botanique et une image de marque tournée vers la nature. À associer à des fonds de papier texturé et des contours au crayon doux pour un aspect artisanal. Conseil : gardez le ton crème en base pour que les verts foncés ressemblent à de l’encre, pas à des blocs lourds.

Exemple d'image de Tidepool Botanica générée avec media.io

18) Coastal Cafe

HEX : #1F2D3D #2E86AB #A5BECC #F3E9DC #D4A373

Ambiance : convivial, côtier, chaleureux

Idéal pour : design de menu restaurant

Convivial et chaleureux, comme un café en bord de mer avec des boiseries peintes en bleu et du bois chaud. Les tons crème sable et caramel équilibrent les bleus côtiers pour une sensation réconfortante. À utiliser pour menus, cartes de fidélité et signalétique vitrine, associé à une police avec empattement classique pour les noms de plats. Conseil : mettez les spécialités en valeur avec l’accent caramel sur de petits badges ou soulignements.

Exemple d'image de Coastal Cafe générée avec media.io

19) Sailcloth Neutral

HEX : #0D1B2A #1B263B #415A77 #E0E1DD #F8F6F0

Ambiance : minimaliste, mature, fiable

Idéal pour : rafraîchissement de site corporate

Minimaliste et fiable, comme une voile contre des eaux profondes et des accessoires en acier. Les neutres maîtrisés facilitent l’application sur pages, composants et contenus longs. À utiliser pour un rafraîchissement corporate où la clarté est essentielle, associé à un accent (vert-bleu ou ambre) pour CTA et tags de statut. Conseil : créez un jeu de gris cohérent à partir de ces tons pour accélérer les choix d’UI.

Exemple d'image de Sailcloth Neutral générée avec media.io

20) Deep Sea Luxury

HEX : #020B1C #0A2342 #126782 #2CA6A4 #D9B08C

Ambiance : luxueux, mystérieux, très contrasté

Idéal pour : publicité parfum haut de gamme

Luxueux et mystérieux, comme les profondeurs éclairées par un rayon et un éclat doré. Les bleus profonds évoquent l’exclusivité, tandis que l’accent métallique chaud enrichit sans virer cuivré. À utiliser pour parfums premium, spiritueux ou lancements prestigieux, associé à un espace négatif généreux et une typographie élégante. Conseil : gardez la teinte dorée en ligne fine ou sur un petit logo pour un maximum de sophistication.

Exemple d'image de Deep Sea Luxury générée avec media.io

Quelles couleurs se marient avec l’océan ?

Les bleus océaniques s’associent aisément à des neutres nets comme le blanc, le blanc cassé et les gris froids pour une base moderne et lisible. Pour une ambiance plus douce et côtière, utilisez du sable, du beige ou de la crème chaude pour une palette accueillante.

Si vous souhaitez du contraste, ajoutez un accent chaud “ensoleillé” : le corail, l’ambre ou la pêche peuvent mettre en évidence boutons, prix, dates et labels importants sans concurrencer les bleus. Pour une touche premium, tentez un doré atténué ou du caramel en petite quantité.

Pour une approche nature, les tons océaniques fonctionnent aussi avec les verts algue et sauge. Cela garde la palette côtière et organique, notamment pour les packagings, impressions ou branding éco-responsable.

Comment utiliser une palette océanique dans des créations réelles

Commencez par les rôles, pas les nuances : choisissez un ton océan le plus foncé pour navigation et titres, un ton moyen pour les composants (cartes, graphiques, séparateurs) et un ton clair pour les fonds. Cela maintient la cohérence UI même au fil des mises en page.

Réservez votre accent chaud pour la signification : CTA, alertes, badges et labels “nouveau” afin qu’il reste spécial. Si tout est mis en valeur, rien ne l’est vraiment.

Pour posters et graphismes sociaux, essayez une base océan foncé avec aqua vif pour les formes principales, puis corail ou ambre seulement pour un détail clé (date, lieu ou bouton). Vous obtenez de l’impact sans bruit visuel.

Créer des visuels de palettes océaniques avec l’IA

Envie de voir votre palette océanique en pratique avant d’adopter un système complet ? Générez rapidement des maquettes (affiches, écrans UI, tableaux de marque) via un simple prompt, puis ajustez ton, contraste et usage des accents.

Avec le texte-image de Media.io, gardez la structure du prompt et échangez simplement l’intention palette (nautique, tropicale, orageuse, luxe) pour explorer rapidement. Sauvegardez les meilleurs résultats comme références pour vos tokens UI ou guides de marque.

Quand vous trouvez une direction qui vous plaît, générez un petit set : une image hero, une close-up de détail et une maquette de disposition. Ce trio facilite les décisions pour les parties prenantes.

Ensuite : Palette de couleurs lilas