Bleu-vert se situe entre le bleu apaisant et le vert rafraîchissant, ce qui en fait une des familles de couleurs les plus faciles à utiliser.
Vous trouverez ci-dessous plus de 20 combinaisons de couleurs bleu-vert avec des codes HEX, ainsi que des conseils pratiques d’association pour l’UI, le branding, l’impression et les créations sur les réseaux sociaux.
Dans cet article
- Pourquoi les palettes bleu-vert fonctionnent si bien
-
- calme côtier
- lagon profond
- verre de mer minimal
- récif tropical
- menthe arctique
- port pluvieux
- brise botanique
- bord de piscine rétro
- bureau ardoise et sarcelle
- nuit d’aurore
- lac de montagne
- clinique fraîche
- sorbet d’été
- denim et jade
- spa moderne en pierre
- dégradé profondeur océanique
- interface varech néon
- éditorial maritime
- salle de classe aqua
- pack écume de mer durable
- mariage en bord de mer
- Quelles couleurs s’associent bien avec le bleu-vert ?
- Comment utiliser une palette bleu-vert dans vos créations
- Créer des visuels de palettes bleu-vert avec l’IA
Pourquoi les palettes bleu-vert fonctionnent si bien
Les palettes bleu-vert paraissent naturellement équilibrées car elles empruntent la confiance et la stabilité du bleu tout en gardant l’énergie vivante et organique du vert. Le résultat est une famille de couleurs “pures” sans être stérile.
Elles s’adaptent aussi facilement selon le contexte : les tons profonds créent une structure forte pour les en-têtes et la navigation, tandis que les teintes menthe et écume de mer ouvrent des espaces blancs pour des mises en page modernes. Cela rend le bleu-vert particulièrement fiable pour les systèmes UI et les identités de marque.
Enfin, le bleu-vert s’harmonise avec les nuances froides comme chaudes, vous permettant de créer une ambiance allant du spa relaxant au néon technologique en ajustant une ou deux couleurs d’accompagnement.
20+ idées de palettes de couleurs bleu-vert (avec codes HEX)
1) Calme côtier

HEX : #0B7285 #2EC4B6 #A7F3D0 #E6FFFA #0B1320
Ambiance : serein, aéré, épuré
Idéal pour : pages d’accueil bien-être et image de spa
Serein et léger comme une plage au lever du soleil, ces tons offrent une sensation propre sans devenir froids. Utilisez le bleu-vert foncé comme ancre et laissez la menthe et l’écume de mer apporter de l’espace. Associez avec des neutres sable chauds ou du corail doux pour un contraste subtil et naturel. Conseil : placez le texte sur le bleu marine foncé pour la lisibilité et réservez l’aqua clair pour les sections ou les cartes.
Exemple d’image “calme côtier” générée avec media.io
Media.io est un studio d’IA en ligne pour créer et éditer des vidéos, images et sons dans votre navigateur.
2) Lagon profond

HEX : #003B46 #07575B #66A5AD #C4DFE6 #0A0F14
Ambiance : intense, immersif, cinématographique
Idéal pour : branding technologique et tableaux de bord mode sombre
Intense et immersif comme un lagon au crépuscule, cet ensemble évoque le cinéma haut de gamme. Les verts profonds et sarcelles conviennent parfaitement aux interfaces sombres, tandis que le cyan brumeux rend les données et libellés nets. Cette palette s’associe bien avec l’argent brossé, le charbon et une touche de vert lime pour les états. Conseil : utilisez la teinte la plus pâle pour les graphiques et séparateurs, l’interface restera paisible, pas surchargée.
Exemple d’image “lagon profond” générée avec media.io
3) Verre de mer minimal

HEX : #1B9AAA #84DCC6 #D9FFF5 #F7F7FF #2D3047
Ambiance : clair, moderne, aéré
Idéal pour : identité de marque minimaliste et papeterie
Clairs et modernes comme du verre de mer blanchi par le soleil, ces tons évoquent la finesse et la légèreté. Utilisez le bleu-vert vif pour les logos et titres, puis les aqualight pour des compositions aérées. Associez avec des textures papier blanc cassé et une encre graphite pour éviter un rendu trop sucré. Conseil : sur supports imprimés, gardez le bleu-vert atténué et utilisez-le avec parcimonie.
Exemple d’image “verre de mer minimal” générée avec media.io
4) Récif tropical

HEX : #006D77 #83C5BE #EDF6F9 #FFDDD2 #E29578
Ambiance : joyeux, ensoleillé, prêt à voyager
Idéal pour : publicités pour le voyage et graphismes réseaux sociaux
Enjoué et solaire comme un séjour sur un récif, ce cocktail équilibre les tons frais d’eau avec une touche de pêche chaude. Le sarcelle reste stable tandis que le corail et le sable rendent les appels à l’action dynamiques. Associez à une typographie sans sérif nette et des photos lumineuses pour une impression dynamique. Conseil : réservez le corail aux boutons pour rester frais sans tomber dans l’excès.
Exemple d’image “récif tropical” générée avec media.io
5) Menthe arctique

HEX : #0E7490 #22C1C3 #B8F2E6 #F0FDFA #111827
Ambiance : net, rafraîchissant, haute clarté
Idéal pour : interface produit et écrans d’accueil
Nettes et rafraîchissantes comme l’air polaire, ces teintes privilégient la clarté. Le bleu-vert affirmé inspire confiance, tandis que la menthe glacée garde les fonds lumineux et spacieux. Associez-les à un texte ardoise profond et une seule touche chaude type ambre pour l’état de progression. Conseil : utilisez la menthe en dégradé pour séparer les sections sans charger le visuel.
Exemple d’image “menthe arctique” générée avec media.io
6) Port pluvieux

HEX : #0F4C5C #1B6B73 #5BC0BE #D8F3DC #2B2D42
Ambiance : ancré, tranquille, professionnel
Idéal pour : présentations d’entreprise et rapports
Stable et apaisant comme un port sous la pluie fine, ces nuances sont professionnelles sans rigidité. Utilisez la sarcelle foncée pour les titres et graphiques, puis le vert doux pour habiller tableaux et alertes. Associez à des gris froids et beaucoup d’espace libre pour garder la lisibilité. Conseil : limitez les graphiques à deux tons principaux et confiez les séries secondaires à la menthe claire.
Exemple d’image “port pluvieux” générée avec media.io
7) Brise botanique

HEX : #1F7A8C #53B8A5 #CDEAE5 #F6FFF8 #2E3A59
Ambiance : frais, naturel, doux
Idéal pour : illustrations botaniques et campagnes printanières
Fraîche et douce comme des feuilles après la rosée, cette palette évoque le naturel et l’optimisme. Le bleu-vert intermédiaire convient pour les tiges et contours, tandis que les teintes pâles servent de lavis aquarelle. Associez à de la terre cuite atténuée ou de l’ocre si vous souhaitez un rendu plus organique. Conseil : gardez la couleur la plus sombre uniquement pour les détails fins, afin que l’illustration reste légère.
Exemple d’image “brise botanique” générée avec media.io
8) Bord de piscine rétro

HEX : #0077B6 #00B4D8 #90E0EF #CAF0F8 #2A9D8F
Ambiance : ludique, nostalgique, estival
Idéal pour : flyers événementiels et affiches rétro
Ludiques et rétro comme une bande-son de journée piscine, ces bleus et sarcelles évoquent instantanément l’été. Utilisez le cyan vif pour les grands titres et formes, puis faites appel aux nuances écume pour la profondeur. Associez à des contours noir doux et une touche de jaune soleil pour une vraie ambiance vintage. Conseil : ajoutez une simple texture tramée sur la teinte la plus claire comme les affiches imprimées d’époque.
Exemple d’image “bord de piscine rétro” générée avec media.io
9) Bureau ardoise et sarcelle

HEX : #1D3557 #2A9D8F #A8DADC #F1FAEE #6C757D
Ambiance : intelligent, stable, moderne
Idéal pour : Sites web B2B et branding SaaS
Intelligent et stable comme un bureau de studio bien éclairé, ce mélange équilibre un bleu ardoise avec un vert sarcelle affirmé. Le contraste est suffisamment fort pour la navigation et les boutons, tandis que l'aqua plus claire garde les pages accueillantes. Ces combinaisons de bleu-vert fonctionnent particulièrement bien avec des grilles nettes, des icônes à traits fins et une photographie neutre. Astuce : utilisez le vert sarcelle pour les actions principales et conservez la teinte ardoise pour les en-têtes afin de créer une hiérarchie claire.
Exemple d’image de bureau ardoise et sarcelle généré avec media.io
10) Nuit d’Aurore

HEX : #061A40 #0353A4 #00A6A6 #94D2BD #E9D8A6
Ambiance : électrique, onirique, très contrasté
Idéal pour : visuels musicaux et campagnes de marque audacieuses
Électrique et onirique comme des traînées d’aurore dans un ciel sombre, cette palette joue sur le contraste. Le bleu marine profond pose une base dramatique, tandis que le sarcelle et la menthe brillent par-dessus pour les points forts et les graphiques animés. Associez avec de l’or doux pour la typographie ou les badges pour ajouter de la chaleur sans perdre l’ambiance nocturne. Astuce : gardez les dégradés subtils et directionnels pour que les teintes néon ne forment pas de bandes à l’écran.
Exemple d’image de nuit d’aurore générée avec media.io
11) Lac de Montagne

HEX : #0B3954 #087E8B #BFD7EA #F5F5F5 #1F2937
Ambiance : calme, nature, équilibré
Idéal pour : marques outdoor et reportages éditoriaux
Calme et naturel comme une eau immobile sous des pins, ces tons évoquent équilibre et confiance. Utilisez le bleu-vert profond pour les titres et la navigation, puis laissez le bleu-gris clair ouvrir la page. Associez avec des textures de cuir camel chaud ou du matériel noir mat pour une finition robuste. Astuce : gardez les images légèrement désaturées pour que le vert sarcelle reste la couleur principale.
Exemple d’image de lac de montagne générée avec media.io
12) Clinique Fraîcheur

HEX : #005F73 #0A9396 #94D2BD #E9D8A6 #F8FAFC
Ambiance : rassurant, hygiénique, accessible
Idéal pour : apps santé et interfaces de prise de rendez-vous
Rassurant et hygiénique comme le hall lumineux d’une clinique, ces nuances évoquent soin et clarté. Les tons sarcelle donnent confiance aux boutons et onglets, tandis que la touche crème adoucit le tout. Une palette bleu-vert de ce type s'associe bien à des composants arrondis et des icônes en ligne simples. Astuce : réservez la crème chaude pour les alertes et les éléments saillants afin de garantir l’accessibilité.
Exemple d’image de clinique fraîcheur générée avec media.io
13) Sorbet d’Été

HEX : #118AB2 #06D6A0 #C7F9CC #F1FAEE #FFD166
Ambiance : vif, jeune, énergique
Idéal pour : marketing startup et templates sociaux
Vif et jeune comme un assortiment de sorbets, cet ensemble est énergique mais reste épuré. L’aqua vif et le vert portent les titres et stickers, tandis que la menthe pâle allège les fonds. Associez avec une typographie noire simple et des formes arrondies pour un ton amical. Astuce : utilisez le jaune seulement pour les micro-accents (icônes, prix) afin de ne pas dominer la base froide.
Exemple d’image de sorbet d’été générée avec media.io
14) Denim et Jade

HEX : #1E3A8A #0EA5A4 #34D399 #E0F2FE #0F172A
Ambiance : assuré, sportif, épuré
Idéal pour : marques de sport et accents UI d’applications
Assuré et sportif comme le denim avec un accessoire jade, ces tons ressortent sans côté néon. Utilisez le bleu profond pour la structure, puis laissez le sarcelle et le vert pour les accents et états actifs. Associez avec de l’espace blanc et une typographie nette pour un look moderne et athlétique. Astuce : gardez les dégradés minimaux, préférez les aplats pour une meilleure lisibilité sur les petits éléments UI.
Exemple d’image denim et jade générée avec media.io
15) Pierre de Spa Moderne

HEX : #134E4A #2DD4BF #99F6E4 #F1F5F9 #A3A3A3
Ambiance : zen, raffiné, discret
Idéal pour : branding hôtelier et soins premium
Zen et raffiné comme une pierre lisse près d’une eau chaude, ces tons sont discrets et haut de gamme. Le vert-bleu foncé apporte du luxe, l’aqua éclatant garde un aspect frais et moderne. Associez avec des gris doux, des textures lin et des titres à empattements minimalistes pour une finition élégante. Astuce : utilisez le sarcelle moyen pour des petits accents afin de garder le design calme et raffiné.
Exemple d’image pierre de spa moderne générée avec media.io
16) Dégradé Profondeur Océan

HEX : #001219 #005F73 #0A9396 #94D2BD #E9D8A6
Ambiance : profond, fluide, sophistiqué
Idéal pour : dégradés de fond et sections héros
Profond et fluide comme la plongée à travers les couches claires de l’océan, cet ensemble est fait pour les dégradés. Le bleu presque noir offre de la profondeur, et le passage du sarcelle à la menthe s’effectue en douceur sur les sections. Associez à des touches crème et beaucoup d’espace pour un aspect premium. Astuce : testez les dégradés sur écrans bas de gamme et ajoutez un léger grain pour éviter les bandes.
Exemple d’image de dégradé profondeur océan générée avec media.io
17) HUD Kelps Néon

HEX : #0B1320 #00BFA6 #00E5FF #2DD4BF #A7F3D0
Ambiance : futuriste, percutant, high-tech
Idéal pour : overlays gaming et graphiques de streaming
Futuriste et percutant comme un HUD lumineux sous la mer, ces tons brillants ressortent bien sur fond noir. Utilisez le cyan pour les lectures principales et le sarcelle plus vert pour les jauges secondaires et anneaux de focus. Les combinaisons bleu-vert comme celle-ci s’illustrent associées à des chiffres monospace et des icônes à ligne fine. Astuce : gardez les effets lumineux subtils et misez sur le contraste pour l’accessibilité.
Exemple d’image de HUD kelp néon générée avec media.io
18) Éditorial Maritime

HEX : #0A2342 #2CA6A4 #BCECE0 #FAFAF9 #7C8DA6
Ambiance : épuré, façon journal, réfléchi
Idéal pour : mises en page magazine et en-têtes de blog
Épuré et réfléchi comme un journal de bord maritime, ce mélange est calme et bien édité. Le marine apporte de l’autorité, le sarcelle doux rend la page accessible et moderne. Associez à des teintes de papier blanc cassé et des filets gris pour une touche éditoriale élégante. Astuce : utilisez le sarcelle pour les citations ou labels afin de baliser la lecture sans dépasser le contenu.
Exemple d’image éditoriale maritime générée avec media.io
19) Salle de Classe Aqua

HEX : #1D4ED8 #0EA5E9 #14B8A6 #A7F3D0 #F8FAFC
Ambiance : amical, clair, optimiste
Idéal pour : apps éducatives et UI adaptées aux enfants
Amical et optimiste comme un mur de classe lumineux, ces couleurs sont claires et invitantes. Les bleus ciel gèrent les titres et la navigation, le sarcelle-menthe sert pour les accents de soutien et états de réussite. Associez à des illustrations simples et des cartes arrondies pour garder un ton accessible. Astuce : baissez légèrement la saturation pour les longues lectures afin de réduire la fatigue visuelle.
Exemple d’image salle de classe aqua générée avec media.io
20) Pack Écume Durable

HEX : #0F766E #34D399 #BBF7D0 #F0FDF4 #1F2937
Ambiance : éco, propre, fiable
Idéal pour : packaging durable et produits DTC
Écolo et propre comme des herbes fraîches et de l’écume, cette palette inspire confiance en rayon. Le sarcelle foncé fonctionne pour les logos et bouchons, les verts pâles sont naturels sur de grandes zones d’étiquettes. À associer à des neutres façon papier kraft et une encre charbon pour un esprit durable et authentique. Astuce : utilisez le ton le plus clair comme base d’étiquette pour des coûts d’impression maîtrisés et un texte net.
Exemple d’image pack écume durable générée avec media.io
21) Mariage au Bord de Mer

HEX : #0F5257 #5BC0BE #BFEDEF #FFF9F1 #D6CCC2
Ambiance : romantique, aérien, élégant
Idéal pour : invitations de mariage et suites événementielles
Romantique et aérien comme une cérémonie au bord de la mer, ces tons inspirent élégance et douceur. Le sarcelle garde l’ensemble moderne, l’ivoire chaleureux et les notes sable ajoutent une touche intemporelle. À associer à de la typographie sérif délicate et des lignes minimalistes pour fleurs ou vagues. Astuce : les détails foil ressortent le mieux si le sarcelle est bien profond et l’ivoire dominant sur la page.
Exemple d’image mariage au bord de mer générée avec media.io
Quelles couleurs s’associent bien avec le bleu-vert ?
Le bleu-vert s’associe naturellement avec des neutres épurés comme le blanc cassé, le gris froid ou le charbon—parfait pour un UI ou une mise en page éditoriale moderne. Ces neutres gardent la palette lisible et permettent au sarcelle de ressortir sans s’imposer.
Pour un contraste plus chaud, essayez le sable, la crème, la terracotta, la pêche ou l’or doux. Ces accents soulignent les boutons d’appel et points d’attention tout en restant naturels, surtout dans les palettes d’inspiration océanique.
Pour un style plus tranchant ou technologique, ajoutez quelques accents haute chroma type citron vert, cyan ou menthe électrique en petites touches. Gardez-les pour les micro-accents (badges, états, icônes) pour préserver l’équilibre.
Comment utiliser une palette bleu-vert dans vos créations
Commencez par attribuer les rôles : choisissez un bleu sarcelle ou marine foncé pour la structure et la typographie, un sarcelle moyen pour les actions principales et une ou deux menthes pâles pour les surfaces, cartes et fonds de section.
Donnez la priorité à l’accessibilité dès le départ—le sarcelle peut sembler « moyen contraste » même s’il paraît foncé. Testez le texte des boutons et du corps sur vos fonds choisis, réservez les teintes les plus claires pour les fonds plutôt que pour le texte.
Enfin, décidez de la “température” : les palettes froides évoquent un style clinique et moderne, alors que l’ajout de crème, pêche ou sable dans la même famille sarcelle donne un effet plus chaleureux et lifestyle.
Créer des visuels de palettes bleu-vert avec l’IA
Vous voulez voir ces codes HEX bleu-vert appliqués à des mises en page réelles ? Générez des maquettes UI, des affiches, des packagings et des scènes de marque assortis en quelques minutes grâce à l’IA.
Avec Media.io, vous pouvez expérimenter facilement—changez une touche sarcelle, ajustez la saturation, comparez les variantes côte à côte jusqu’à obtenir la palette idéale pour votre marque ou produit.
FAQ sur les palettes de couleurs bleu-vert
-
Qu’est-ce qu’une palette de couleurs bleu-vert ?
Une palette de couleurs bleu-vert est un ensemble de couleurs construit autour du sarcelle, de l’aqua, du turquoise et des verts tirant sur le bleu — souvent accompagnés de bleu marine, de menthe, d'écume de mer et de blancs ou gris neutres. -
Le sarcelle est-il considéré comme bleu-vert ?
Oui. Le sarcelle est l’une des teintes bleu-vert les plus courantes, située entre le bleu et le vert sur le cercle chromatique et servant souvent de couleur phare pour les marques modernes et les interfaces utilisateur. -
Quelles couleurs complètent le bleu-vert ?
Des couleurs chaudes complémentaires et proches, comme le corail, la pêche, la terre cuite et l’or doux, créent un contraste agréable. Les neutres (ivoire, gris froid, anthracite) s’associent également bien pour des designs épurés et lisibles. -
Comment rendre une palette bleu-vert plus moderne ?
Utilisez un bleu marine ou un sarcelle profond pour la structure, beaucoup d'espaces blancs avec des surfaces menthe pâle, et un accent clair pour les appels à l'action. Gardez les dégradés subtils et privilégiez des espacements et une typographie cohérents pour un aspect centré sur l’interface utilisateur. -
Quelle est la meilleure palette bleu-vert pour le mode sombre ?
Cherchez des palettes avec une base presque noire et une touche cyan brumeux ou écume de mer pour la lisibilité — comme « Deep Lagoon » ou « Neon Kelp HUD » — pour que les étiquettes, graphiques et états restent nets. -
Combien de couleurs une palette devrait-elle contenir pour un design d’interface ?
Commencez avec 5 couleurs principales (base sombre, primaire, secondaire, surface, accent), puis développez en ajoutant des nuances/clairs pour les états. Garder le cœur de la palette restreint facilite la maintenance des systèmes. -
Puis-je générer des maquettes de design bleu-vert à partir de ces codes HEX ?
Oui. Vous pouvez utiliser l’outil texte en image de Media.io pour générer des scènes et des mises en page, puis affiner en indiquant des composants spécifiques (sections héros, tableaux de bord, affiches) et des rôles de couleur (primaire, surface, accent).
Suivant : Palette de couleurs vert néon



