Tons céruléens modernes : 20 combinaisons de palettes + hexadécimal

Cerulean est un bleu moderne, où le ciel rencontre la mer, qui inspire immédiatement propreté, optimisme et confiance. C’est un favori pour l’UI, l’image de marque et l’impression car il reste net à petite taille et calme, même saturé.

Voici des idées de palettes de couleurs cerulean avec des codes HEX prêts à l’emploi, plus des conseils rapides sur les associations, le contraste et la pertinence de chaque combinaison.

Pourquoi les palettes cerulean fonctionnent si bien

Cerulean occupe une zone visuelle “sûre” : il est énergique sans l’urgence du rouge, et plus contemporain que beaucoup de bleus marines classiques. Cet équilibre le rend flexible pour des systèmes de design orientés marque comme pour des campagnes expressives.

Dans les interfaces digitales, le cerulean se distingue souvent pour la hiérarchie : il porte boutons, liens, navigation tout en laissant place aux neutres. En impression, il reste identifiable sur les papiers couchés/uncouchés et s’associe bien avec des accents chauds.

Surtout, le cerulean offre une vaste gamme d’associations — des blancs aérés et gris froids pour des mises en page minimalistes, aux corails, ambres et magentas néons pour des visuels à fort impact et contraste.

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

1) Verre Océanique

HEX : #007BA7 #2BA9C9 #7DD6E8 #E6F7FB #0B2D39

Ambiance : frais, aérien, aquatique

Idéal pour : banners d’accueil de site et landing pages de voyage

Fraîche et aquatique, cette gamme évoque la lumière du soleil sur une eau claire et des vagues de verre. Utilisez le bleu marine-vert foncé comme base, puis laissez les bleus plus clairs porter les visuels principaux. Associez à des espaces blancs et une typographie fine foncée pour un look moderne et net. Astuce : réservez le cyan le plus vif pour les boutons et liens principaux pour qu’ils paraissent volontaires, pas bruyants.

Exemple d’image de verre océanique généré avec media.io

Media.io

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

Essayez gratuitement

2) Minimalisme Côtier

HEX : #0B7FAB #5FBBD2 #F2F5F7 #D9C7B8 #2E3A44

Ambiance : calme, propre, maison de plage

Idéal pour : identité de marque minimaliste et papeterie

Calme et discrète, cette palette évoque le bois flotté, les matins brumeux, et des intérieurs côtiers soignés. Gardez l’off-white doux en fond principal et utilisez le bleu comme ancrage de marque. Le beige sable fonctionne parfaitement pour les éléments secondaires, étiquettes et textures de packaging. Astuce : choisissez du charcoal pour les textes au lieu du noir pur pour garder l’aspect doux et premium.

Exemple d’image minimalisme côtier généré avec media.io

3) Pop Corail Cerulean

HEX : #007BA7 #FF6B6B #FFD166 #F7FFF7 #1F2937

Ambiance : ludique, ensoleillé, énergique

Idéal pour : publicités sociales et graphismes de campagne

Ludique et solaire, cette association rappelle une affiche de festival de plage avec formes audacieuses et titres dynamiques. Ces combinaisons cerulean brillent quand le bleu est en arrière-plan et le corail attire le regard. Ajoutez le jaune chaud en accent pour badges, étiquettes ou icônes. Astuce : gardez les textes en ardoise foncée pour assurer la lisibilité face aux accents vifs.

Exemple d’image pop corail cerulean généré avec media.io

4) Dashboard Tech Nocturne

HEX : #0A2540 #007BA7 #00D1FF #7A8C99 #111827

Ambiance : élégant, technique, mode nuit

Idéal pour : dashboards saas et UI analytics

Élégant et technique, cette gamme évoque un poste de contrôle nocturne avec indicateurs lumineux. Utilisez les deux bleus foncés pour surfaces et panneaux, puis le cyan vif pour états actifs et graphiques. Le gris frais sépare les sections sans encombrer. Astuce : limitez l’accent néon à un élément UI (action principale ou onglet sélectionné) pour éviter les conflits visuels.

Exemple d’image dashboard tech nocturne généré avec media.io

5) Pastels Côté Piscine

HEX : #3AAFD9 #8EE3F5 #FBE7F0 #FFF4D6 #2F4858

Ambiance : doux, joyeux, estival

Idéal pour : newsletters bien-être et blogs lifestyle

Doux et joyeux, ces pastels rappellent carreaux de piscine, crème solaire et serviettes légères. Utilisez l’aqua plus clair comme fond spacieux et le bleu plus fort pour titres et barres de section. Les tons rose et beurre ajoutent chaleur à icônes, stickers et callouts. Astuce : gardez le texte principal en bleu marine atténué pour que les pastels restent lisibles sur mobile.

Exemple d’image pastels côté piscine généré avec media.io

6) Ciel Nordique

HEX : #1C86B8 #A7D8F0 #F7FAFC #C8D0D6 #22313F

Ambiance : net, aérien, scandinave

Idéal pour : UI produit et branding minimaliste

Net et aérien, cette palette cerulean évoque la lumière hivernale, les ciels pâles et intérieurs scandinaves épurés. Laissez le quasi-blanc et le bleu brumeux gérer les fonds et espaces. Utilisez le bleu foncé pour navigation, icônes et hiérarchie claire, tandis que le gris soutient séparateurs et champs de formulaire. Astuce : ajoutez de larges espaces et lignes fines pour que les tons froids restent calmes.

Exemple d’image ciel nordique généré avec media.io

7) Affiche de Voyage Vintage

HEX : #00739C #F2C14E #E07A5F #F4F1DE #3D405B

Ambiance : nostalgique, chaud, cinématique

Idéal pour : affiches d’événement et promos rétro

Nostalgique et cinématique, cette gamme évoque papier jauni par le soleil, voyages en train côtier et encres classiques d’affiche. Appliquez la crème chaude en premier, puis créez contraste avec l’indigo foncé pour titres et bordures. Le jaune doré et le corail argile créent de forts accents pour dates, billets, badges. Astuce : textures granulées et formes simples pour renforcer le look rétro sans perdre en clarté.

Exemple d’image affiche de voyage vintage généré avec media.io

8) Hortensia Bleu Botanique

HEX : #1B7FB9 #5BC0EB #9BC53D #EAF7E1 #234F1E

Ambiance : frais du jardin, lumineux, naturel

Idéal pour : illustrations botaniques et branding éco

Frais du jardin et lumineux, ces couleurs rappellent les fleurs d’hortensia sur des feuilles de printemps nettes. Utilisez le vert-blanc doux comme base papier, superposez les bleus pour pétales, titres ou panneaux de packaging. Le vert vif apporte un accent naturel à icônes, cachets et messages environnementaux. Astuce : gardez la teinte forêt foncée pour petits textes et contours pour une palette légère et accueillante.

Exemple d’image hortensia bleu botanique généré avec media.io

9) Pont au Coucher du Soleil

HEX : #0081AF #FFB703 #FB8500 #FFECD1 #2B2D42

Ambiance : chaud, dynamique, soir en bord de mer

Idéal pour : menus de restaurant et promos d’été

Chaud et dynamique, cette gamme capture le moment où le soleil tombe derrière le pont et tout devient doré. Utilisez la crème douce comme fond de menu et le bleu marine profond pour un texte lisible. Orange et ambre s’associent bien en accents pour promotions, badges, titres de section. Astuce : gardez l’orange sur de petites zones pour qu’il reste appétissant, sans dominer.

Exemple d’image de coucher de soleil sur une jetée générée avec media.io

10) Encre et Écume

HEX : #0B132B #1C7CA9 #5BC8AF #F0F7F4 #3A506B

Ambiance :sombre, moderne, océanique

Idéal pour :pochette de podcast et identité musicale

Sombres et modernes, ces tons évoquent l’encre profonde, les embruns et l’air côtier nocturne. Utilisez le bleu marine presque noir en fond pour faire briller les bleus, puis ajoutez des touches d’écume pour les icônes et les petits détails. Le blanc mentholé pâle fonctionne bien pour les blocs de textes et les espaces négatifs. Astuce : insérez un élément typographique audacieux en écume pour un point focal miniature.

Exemple d’image d’encre et d’écume généré avec media.io

11) Carreau Méditerranéen

HEX : #007BA7 #00B4D8 #90E0EF #CAF0F8 #03045E

Ambiance :ensoleillé, graphique, chic côtier

Idéal pour :motifs de décoration et maquettes déco maison

Ensoleillé et orné, cet ensemble évoque les carreaux peints, les murs blanchis à la chaux et l’eau claire d’un port. Utilisez le bleu le plus pâle en fond afin que les bleus intermédiaires et vifs créent des motifs répétitifs. L’indigo profond est parfait pour dessiner les contours nets à petite échelle. Astuce : limitez à deux bleus par motif et utilisez les autres comme bandes de bordure alternées pour un rythme net.

Exemple d’image de carreau méditerranéen généré avec media.io

12) Application Éducative Enfants

HEX : #1E96FC #007BA7 #FFD23F #FF6F91 #F7F7FF

Ambiance :accueillant, lumineux, ludique

Idéal pour :UI d’app éducative et écrans d’onboarding

Accueillantes et lumineuses, ces couleurs rappellent les autocollants, récompenses et affiches gaies de la classe. Utilisez le presque blanc comme base douce et laissez les deux bleus organiser la navigation et les cartes. Le jaune et le rose sont réservés aux récompenses, à la progression et aux illustrations ludiques. Astuce : appliquez le rose à un seul type d’élément (comme les badges) pour garder l’interface facile à lire.

Exemple d’image d’application éducative pour enfants généré avec media.io

13) Packaging Spa de Luxe

HEX : #0E7C86 #7BC6C9 #E9F5F5 #D8C3A5 #2E2E2E

Ambiance :sérénité, premium, ressourçant

Idéal pour :étiquettes cosmétiques et publicités produits

Sereins et premium, ces tons évoquent la vapeur, les serviettes propres et la lumière tamisée d’un spa. Utilisez l’aqua pâle pour la base de l’étiquette et le bleu-vert profond pour les marques et claims majeurs. Le beige chaud ajoute une subtile touche luxueuse, surtout pour les accents métallisés ou les bouchons. Astuce : gardez la typographie majoritairement charbon et le bleu-vert en accent pour un effet calme, non médical.

Exemple d’image de packaging spa de luxe généré avec media.io

14) Note Bleue Editoriale

HEX : #0A2239 #006D9C #5AA9E6 #F9F7F3 #A9927D

Ambiance :raffiné, éditorial, classique moderne

Idéal pour :maquettes de magazines et rapports

Raffinées et éditoriales, ces nuances évoquent l’encre sur papier texturé avec un titre bleu vif. Utilisez le blanc chaud pour le fond de page et laissez les bleus foncés structurer la grille, les règles et les titres de section. Le beige doux convient pour les citations et les boîtes d’appel sans voler l’attention. Astuce : gardez l’imagerie froide pour qu’elle s’harmonise avec les bleus et évite les contrastes trop chauds.

Exemple d’image de note bleue éditoriale généré avec media.io

15) Port d’Hiver

HEX : #0B3954 #007BA7 #BFD7EA #E1E5F2 #4A4E69

Ambiance :frais, calme, contemplatif

Idéal pour :présentations et branding fintech

Frais et calme, ce jeu de couleurs rappelle l’eau paisible sous un ciel hivernal nuageux. Utilisez les lavandes pâles et bleu clair comme fond de slide pour aérer le contenu. Les tons profonds de port sont idéaux pour titres, graphiques et éléments de navigation affirmés. Astuce : réservez le bleu moyen aux points clés des données pour les rendre immédiatement visibles.

Exemple d’image de port d’hiver généré avec media.io

16) Surf Rétro

HEX : #008ECF #00C2D1 #FEE440 #FF5C8A #2D3047

Ambiance :audacieux, festif, sportif

Idéal pour :graphiques streetwear et affiches

Audacieux et festif, ce mélange donne l’effet de cire néon, stickers de surf et d’une bande-son estivale bruyante. Ces associations céruléesennes fonctionnent mieux avec l’ardoise sombre en arrière-plan pour maîtriser les tons vifs. Utilisez le jaune pour les touches et le rose pour un élément clé percutant comme un logo tampon. Astuce : essayez les pois tramés ou des contours épais pour canaliser l’énergie visuelle.

Exemple d’image de surf rétro généré avec media.io

17) Faire-part Mariage Doux

HEX : #2A9BCB #BEE9E8 #F6E8EA #FDE2E4 #5E6472

Ambiance :romantique, aérien, délicat

Idéal pour :faire-part de mariage et papeterie événementielle

Romantiques et aériens, ces tons évoquent l’aquarelle, les rubans de soie et un lieu printanier lumineux. Laissez le blush et le menthe doux instaurer l’ambiance papier, puis utilisez le bleu pour monogrammes, bordures ou petits détails floraux. Le gris tamisé garde les textes élégants et lisibles sans rudesse. Astuce : le bleu juste sur des lignes ou titres fins gardera le faire-part doux et intemporel.

Exemple d’image de faire-part mariage doux généré avec media.io

18) Rendu Architectural

HEX : #0F4C5C #1B98E0 #E8F1F2 #C5D0D6 #2D3142

Ambiance :structuré, moderne, professionnel

Idéal pour :portfolios d’architecture et études de cas

Structuré et moderne, ce jeu rappelle les plans techniques sur béton lumineux. Utilisez les gris froids clairs pour l’espace négatif et le bleu vif pour mettre en avant faits clés ou métriques projet. L’ardoise foncé convient aux titres, légendes et séparateurs. Astuce : mettez l’accent vif sur liens et points marquants pour une lecture systématique du portfolio.

Exemple d’image de rendu architectural généré avec media.io

19) Espresso et Azur

HEX : #2B1D0E #6F4E37 #007BA7 #E6E1D6 #1F2937

Ambiance :cosy, chaleureux, café moderne

Idéal pour :packaging café et branding de coffee shop

Cosy et terreux, ces teintes suggèrent la crème d’espresso, le bois sombre et une touche de céruléen sur la céramique. Cette palette fonctionne mieux quand les bruns dominent et que le bleu n’est qu’un accent signature. Utilisez la teinte avoine douce pour les étiquettes et menus pour l’accessibilité et la clarté. Astuce : appliquez le bleu sur un seul élément répété (sceau, ligne) pour la reconnaissabilité immédiate de la marque.

Exemple d’image d’espresso et azur généré avec media.io

20) Néon Arcade Bleu

HEX : #001845 #007BA7 #00F5FF #F72585 #B5179E

Ambiance :électrique, futuriste, nocturne

Idéal pour :flyers musicaux et promos gaming

Électrique et futuriste, cette palette évoque l’ambiance arcade, les faisceaux laser et une énergie de minuit. Utilisez le bleu marine profond comme scène, puis superposez cyan vif et céruléen pour des dégradés lumineux et des lignes de style UI. Magenta et violet sont meilleurs en petits accents percutants pour titres et dates clés. Astuce : laissez beaucoup d’espace sombre pour que les néons restent nets sans saturer l’œil.

Exemple d’image de néon arcade bleu généré avec media.io

Quelles couleurs vont avec le cerulean ?

Le céruléen s’associe naturellement avec des neutres propres comme blanc doux, gris froid et charbon, ce qui lui donne un aspect moderne et lisible en web ou UI. Pour un style plus haut de gamme, mariez-le avec des neutres chauds comme sable, avoine, tan ou des métaux dorés vieillis.

Pour le contraste, misez sur les couleurs complémentaires ou proches : corail, pêche et orange chaud dynamisent instantanément le bleu. Pour un effet lumineux/futuriste, associez le céruléen à des accents cyan néon et une pointe de magenta ou de violet.

Pour une palette “nature”, ajoutez des verts feuilles et herbe (de sauge à citron vert) et réservez la couleur la plus foncée pour le texte et les contours pour garder la clarté.

Comment utiliser une palette cerulean dans des créations réelles

Commencez par répartir les rôles : un céruléen comme socle de marque (navigation, titres, formes clés), un ton clair en fond, un neutre foncé pour le texte. Ça évite l’effet "tout bleu" et la hiérarchie reste stable.

Dans l’UI, le céruléen convient aux actions principales et états interactifs, mais limitez les cyan néon à une seule fonction (onglet sélectionné, ligne graphique active ou CTA) pour éviter de disperser l’attention. Sur papier, testez le céruléen : les bleus un peu plus foncés gardent mieux le contraste sur papier non couché.

Avec des accents chauds (corail, ambre, laiton), gardez les ajouts petits et répétés de façon prévisible — badges, tags, icônes — pour une composition harmonieuse et non bruyante.

Créer des visuels de palettes cerulean avec l’IA

Si vous avez les codes HEX mais manquez de visuels réels (bannières héros, affiches, mockups, ou écrans UI), l’IA accélère la création. L’essentiel est de décrire la mise en page, le style et l’emplacement de chaque nuance de céruléen (fond, boutons, contours, accents).

Utilisez un prompt par cas d’usage et gardez les rôles colorimétriques constants — surtout avec les cyans vifs ou accents chauds — pour un résultat maîtrisé. Modifiez rapidement l’ambiance ou le format (1:1, 16:9, 9:16) mais gardez la palette stable.

Générez des images de palettes céruléennes en quelques secondes et affinez votre direction favorite pour un système de marque cohérent.

Suite : Palette de Couleurs Laiton Ancien