Top 20 palettes de couleurs bleu, vert et rose : codes hexadécimaux et conseils de conception

Bleu, vert et rose forment un trio de couleurs étonnamment polyvalent : selon la saturation et le contraste, il peut évoquer la côte et la sérénité, la modernité épurée ou une atmosphère audacieuse et festive.

Vous trouverez ci-dessous 20 palettes de couleurs bleu vert rose prêtes à l’emploi avec codes HEX, ainsi que des conseils pratiques pour l’UI, l’identité visuelle, les affiches et le packaging.

Pourquoi les palettes bleu vert rose fonctionnent si bien

Le bleu et le vert sont proches sur le cercle chromatique, ils créent donc naturellement des compositions harmonieuses et “stables”. Le rose apporte alors un contraste énergétique qui attire l’œil sans nécessiter de neutres tranchés ou d’ombres lourdes.

Ce trio s’associe aussi très bien aux rôles classiques d’UI et de marque : le bleu pour la confiance et la structure, le vert/turquoise pour l’aspect positif et la fraîcheur, et le rose en surbrillance – badges, appels à l’action secondaires et micro-interactions.

Parce qu’on peut la décliner en pastel, tons moyens ou néon, la palette bleu vert rose s’adapte à tous les secteurs – du bien-être et des cosmétiques, aux logiciels SaaS, en passant par l’événementiel ou la mode urbaine.

20+ idées de palettes de couleurs bleu vert rose (avec codes HEX)

1) Lagon Blush

HEX : #1d7fbf #24b3a8 #f26aa6 #f7e9f0 #0b2b3a

Ambiance : frais, côtier, énergisant

Idéal pour : branding beauté et templates réseaux sociaux

L’énergie fraîche du littoral transparaît tel de l’eau limpide et un coucher de soleil rosé. Utilisez le bleu marine profond pour les textes, puis laissez le turquoise et le rose souligner boutons, badges et éléments remarqués. Superbe sur les mises en page épurées avec beaucoup d’espace blanc et des dégradés doux. Astuce : gardez le rose pour les petits accents afin de préserver le côté moderne et net du turquoise.

Exemple d’image de lagon blush 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 audios dans votre navigateur.

Essayez-le maintenant gratuitement

2) Bubble-Gum Menthe

HEX : #2a6fdb #66e3c4 #ff5fb7 #fff3fb #1f2a44

Ambiance : ludique, brillant, joyeux

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

Ludique et brillant comme des emballages de bonbons ou des stickers d’été. Construisez l’UI autour du fond blanc aérien, puis servez-vous du bleu vif pour les actions principales et de la menthe pour les états de succès. Le rose brille dans les micro-interactions telles que bascules, cœurs et indicateurs de progression. Astuce : gardez le texte en bleu-noir pour assurer une bonne lisibilité sur les blocs pastel.

Exemple d’image de bubble-gum menthe générée avec media.io

3) Corail Pop

HEX : #0e6ba8 #2ec4b6 #ff4d8d #ffd6e8 #ffb703

Ambiance : lumineux, tropical, énergique

Idéal pour : affiches événementielles et promos pop-up

Pop tropical lumineux, on pense aux récifs coralliens, à la lumière sur l’eau et à la musique forte. Cette palette adore les grands aplats et une typographie puissante, l’accent doré étant réservé aux dates et éléments essentiels. Associez à des polices sans-serif épaisses et des icônes simples pour éviter la surcharge visuelle. Astuce : imprimez sur un papier ivoire pour garder l’effet néon sans excès de saturation.

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

4) Studio Écume

HEX : #2f5aa6 #3fc1b1 #e34f9a #f2f4f7 #20304a

Ambiance : raffiné, créatif, calme

Idéal pour : portfolios et présentations d’agence

Raffiné et calme, comme un studio de design bien éclairé et ordonné. Utilisez le gris clair froid comme toile principale, puis privilégiez le turquoise pour les titres de section et le bleu pour la navigation. Le magenta donne du caractère en tant qu’accent unique par page. Astuce : gardez les dégradés subtils et laissez l’espacement propre faire le plus gros du travail.

Exemple d’image de studio écume générée avec media.io

5) Littoral Sucré

HEX : #1f8acb #45d1b3 #ff7ab2 #ffe6f1 #2b2d42

Ambiance : léger, amical, accessible

Idéal pour : sites de mariage et pages RSVP

Léger et accueillant, comme un galet de mer posé sur des tons pastel sucrés. Le fond rosé aéré laisse respirer une typographie élégante, tandis que bleu et turquoise structurent menus et séparateurs. Le rose est idéal pour les boutons RSVP, les monogrammes et de petits détails floraux. Astuce : ajoutez une touche de charbon pour les noms et dates, tout reste précis et lisible.

Exemple d’image de littoral sucré générée avec media.io

6) Fête au Jardin Néon

HEX : #0066ff #00d084 #ff2e88 #f9ff6a #111827

Ambiance : audacieux, festif, percutant

Idéal pour : affiches street et flyers DJ

Une énergie nocturne frappe comme un néon dans la nuit. Les combinaisons bleu vert rose donnent le meilleur d’elles-mêmes sur fond sombre, en laissant un néon dominer la hiérarchie. Réservez le vert citron comme accent rare pour horaires, QR codes ou offres limitées. Astuce : appliquez un effet lumineux doux uniquement sur les titres afin d’éviter la pollution visuelle.

Exemple d’image de fête au jardin néon générée avec media.io

7) Aquarium Pastel

HEX : #7aa7ff #88f0d0 #ff9fd0 #f7f7ff #2f3a56

Ambiance : doux, vaporeux, aérien

Idéal pour : packagings et étiquettes soin de la peau

Doux et vaporeux, comme des bulles à flotter dans l’eau claire. Le fond pâle garde la palette légère tandis que l’ardoise foncée convient parfaitement aux listes d’ingrédients et mentions légales. Utilisez le bleu pastel pour le bloc-marquage et réservez le rose à un badge signature ou indicateur de senteur. Astuce : un rendu mat souligne la délicatesse et le côté premium.

Exemple d’image d’aquarium pastel générée avec media.io

8) Sorbet Tropical

HEX : #1982c4 #8ac926 #ff595e #ffca3a #6a4c93

Ambiance : estival, ludique, aventureux

Idéal pour : publicités voyage et campagnes saisonnières

Estival et aventureux, comme un sorbet fruité qui fond au soleil. Ancrez la mise en page avec le bleu vif, puis parsemez de vert et d’accents chauds pour les destinations, prix et icônes. Le corail fonctionne bien pour les appels à l’action urgents sans être agressif. Astuce : gardez le fond simple pour que l’énergie multicolore soit volontaire et non chaotique.

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

9) Sirène Moderne

HEX : #235789 #2ac3a2 #ff6fb5 #d7fff1 #0b1320

Ambiance : épuré, océanique, moderne

Idéal pour : landing pages SaaS et sections fonctionnalités

L’ambiance élégante et océanique est moderne, nette et un brin mystérieuse. Utilisez le quasi-noir pour les titres principaux, puis faites intervenir le turquoise pour les points forts et graphes. Le rose est parfait comme CTA secondaire ou accent fort pour des badges “nouveau” ou “bêta”. Astuce : testez des formes d’arrière-plan en vagues à très faible opacité pour donner de la profondeur sans distraire.

Exemple d’image de sirène moderne générée avec media.io

10) Clean Clinic Fresh

HEX : #3b82f6 #10b981 #fb7185 #f8fafc #334155

Ambiance : propre, fiable, apaisant

Idéal pour : tableaux de bord santé et pages de rendez-vous

Propre et apaisant, comme une clinique lumineuse avec du linge frais et une signalétique claire. Ce schéma bleu-vert-rose fonctionne parfaitement avec beaucoup d'espace blanc, le bleu soutient la navigation et le vert signalise la réussite ou les étapes atteintes. Utilisez le rose doux pour des alertes délicates, des surlignages ou des moments de personnalisation. Astuce : limitez le rose à un seul style de composant pour garder l’interface clinique et rassurante.

Exemple d’image de clean clinic fresh générée avec media.io

11) Retro Poolside

HEX : #005f73 #0a9396 #ee9b00 #ff5d8f #e9d8a6

Ambiance : rétro, ensoleillé, détendu

Idéal pour : menus d’été et signalétique café

Des airs rétro et ensoleillés évoquent des carreaux de piscine, des parasols rayés et des boissons glacées. Les tons bleu-vert structurent les blocs et bordures principaux, tandis que la couleur sable chaleureuse garde tout convivial. Utilisez le rose comme accent dynamique pour les offres spéciales ou les produits en édition limitée. Astuce : associez avec une typographie arrondie pour renforcer l’effet vintage.

Exemple d’image de retro poolside générée avec media.io

12) Sakura Harbor

HEX : #3a86ff #2ec4b6 #ffafcc #bde0fe #1b263b

Ambiance : doux, romantique, aérien

Idéal pour : compositions éditoriales de printemps et lookbooks

Doux et aérien, comme des fleurs de cerisier flottant sur un front de mer lumineux. Le bleu ciel pâle crée des colonnes et marges douces, tandis que le bleu marine profond assure une bonne lisibilité du contenu. Ajoutez du bleu-vert pour les règles, icônes et citations, puis laissez le rose dans de petits surlignages et légendes. Astuce : utilisez beaucoup d’espace négatif et des lignes fines pour une ambiance magazine légère.

Exemple d’image de sakura harbor générée avec media.io

13) Pebble and Petal

HEX : #2b59c3 #7bdcb5 #f284b6 #e5e5e5 #6b7280

Ambiance : doux, posé, moderne

Idéal pour : mood boards d'intérieur et boutiques de déco maison

Doux et posé, comme des galets lisses avec un unique pétale éclatant sur le dessus. Le gris délicat rassure et rend les couleurs élégantes, idéal pour les marques centrées sur la maison. Utilisez le bleu pour la structure, le vert pour la fraîcheur et le rose comme détail de style (étiquettes, tags). Astuce : mélangez des textures naturelles comme le lin ou le chêne clair pour garder la palette chaleureuse.

Exemple d’image de pebble and petal générée avec media.io

14) Oceanic Candy

HEX : #006ba6 #00c2a8 #ff4fa3 #f1f5f9 #0f172a

Ambiance : frais, moderne, très contrasté

Idéal pour : branding tech et systèmes d’icônes d’applications

Le contraste moderne et frais évoque l’air froid de l’océan avec une touche bonbon éclatante. Le fond presque blanc garde le rendu net, le bleu marine profond donne du punch au texte et aux icônes. Utilisez le bleu-vert pour les états systèmes et graphiques, le rose comme accent signature sur les icônes. Astuce : restez sur des aplats pour les icônes, la palette restera propre même à petite taille.

Exemple d’image de oceanic candy générée avec media.io

15) Art School Mix

HEX : #1e40af #22c55e #ec4899 #fef3c7 #111827

Ambiance : créatif, audacieux, manuel

Idéal pour : flyers d’atelier et plannings de cours

Créatif et audacieux, comme des échantillons de peinture collés sur un mur d’atelier. Cette palette bleu-vert-rose fonctionne bien avec des teintes de papier chaud, donnant une impression moins numérique, plus artisanale. Utilisez le vert pour les catégories, le bleu pour la structure, le rose pour les moments clés comme l’inscription ou l’offre spéciale. Astuce : choisissez une police fantaisie pour le titre puis gardez le reste simple pour la clarté.

Exemple d’image de art school mix générée avec media.io

16) Soft Spa Day

HEX : #4f9cf0 #5eead4 #fda4af #faf5ff #475569

Ambiance : apaisant, délicat, reposant

Idéal pour : newsletters bien-être et pages d'accueil

Apaisant et délicat, comme la vapeur chaude, l’eau fraîche, et une serviette rosée. La base blanc-lavande garde les sections douces, bleu et bleu-vert guident l’œil dans les titres et boutons. Le rose fonctionne mieux comme accent subtil dans les citations, avis ou petites icônes. Astuce : privilégiez des séparateurs fins et des ombres douces plutôt que des bordures marquées.

Exemple d’image de soft spa day générée avec media.io

17) Playroom Splash

HEX : #2563eb #34d399 #fb7185 #fef08a #1f2937

Ambiance : joyeux, lumineux, adapté aux enfants

Idéal pour : invitations d’anniversaire et signalétique de fête

Joyeux et lumineux, comme des blocs de construction dispersés dans une salle de jeux ensoleillée. Utilisez le bleu fort pour le titre principal, le vert pour les formes et icônes de soutien. Le rose ajoute de la douceur pour les noms et surlignages, le jaune pâle parfait pour les détails effet confetti. Astuce : imprimez avec des traits épais et grande taille pour une bonne lisibilité dans toute la pièce.

Exemple d’image de playroom splash générée avec media.io

18) Streetwear Punch

HEX : #0b5ed7 #00b894 #ff3f8e #c7f9cc #0b132b

Ambiance : assuré, urbain, découpé

Idéal pour : lancements vêtements et pubs produits

Assuré et urbain, comme un graphisme audacieux sur une rue nocturne. Les associations bleu-vert-rose s’expriment le mieux en fort contraste : fond bleu marine profond, texte bleu vif, et un seul accent rose intense. Le vert adoucit les détails secondaires comme les tailles, livraisons ou slogans. Astuce : gardez la disposition minimale et laissez un élément graphique surdimensionné donner le ton.

Exemple d’image de streetwear punch générée avec media.io

19) Gallery Calm

HEX : #1d4ed8 #14b8a6 #f472b6 #f3f4f6 #111827

Ambiance : calme, soigné, contemporain

Idéal pour : portfolios créatifs et études de cas

Calme et soigné, comme une galerie contemporaine avec une œuvre audacieuse sur le mur. Le fond gris clair garde le ton pro, bleu et bleu-vert créent une hiérarchie d’information confiante. Le rose s’utilise en marqueur ciblé pour liens, survols ou projets mis en avant. Astuce : associez à de grandes images et courtes légendes pour une ambiance éditoriale propre.

Exemple d’image de gallery calm générée avec media.io

20) Sunset Tide

HEX : #0077b6 #2a9d8f #ff6fae #ffd166 #073b4c

Ambiance : chaleureux, optimiste, marin

Idéal pour : affiches botaniques et illustrations printanières

Chaleureux et optimiste, comme la dernière lueur sur les vagues océaniques. Gardez le bleu-vert profond pour contours et texte, le bleu-vert clair pour remplir feuilles et tiges. Le rose et les accents dorés soulignent joliment fleurs, fruits et petits détails décoratifs. Astuce : utilisez des textures aquarelle et bords doux, la palette restera organique plutôt que plate.

Exemple d’image de sunset tide générée avec media.io

Quelles couleurs se marient bien avec le bleu vert rose ?

Les neutres sont vos meilleurs stabilisateurs : blanc cassé, gris clair, charbon et bleu marine profond donnent une base bleu-vert propre et permettent au rose de rester volontaire. Pour la typographie, les tons ardoise/encre foncés surpassent souvent le noir pur sur fond clair ou pastel.

Pour plus de chaleur, ajoutez du sable, jaune beurre ou or doux pour équilibrer la fraîcheur du bleu-vert. Pour plus de punch, un peu de vert lime ou jaune lumineux apporte des appels à l’action impactants — à utiliser avec parcimonie pour ne pas concurrencer le rose.

Pour un rendu premium, associez la palette à des textures naturelles (papier, lin, bois clair) ou des dégradés subtils ; ainsi le trio ne semblera pas « trop digital » en print ou packaging.

Comment utiliser une palette de couleurs bleu vert rose dans des designs réels

Commencez par l’attribution des rôles : choisissez une couleur « structure » (souvent bleu), une couleur « état » (vert/bleu-vert pour succès, complétion, validation), et gardez le rose pour les accents tels que CTA secondaire, surlignages, états de survol. Cela évite que tout paraisse aussi voyant.

Maîtrisez saturation et espaces. Les pastels bénéficient de beaucoup d’espace blanc et de séparateurs fins ; les néons aiment les fonds foncés et peu d’éléments par écran. En print, optez pour un papier blanc cassé et finition mate pour limiter la saturation et l’éblouissement.

Assurez l’accessibilité en vérifiant le contraste, notamment pour du texte rose sur fond clair ou bleu-vert sur blanc. En cas de doute, mettez le contenu en bleu marine/ardoise foncé et utilisez les couleurs vives pour formes, icônes et boutons UI.

Créer des visuels de palettes bleu vert rose avec l’IA

Si vous proposez une direction de marque ou créez un moodboard UI, générer des visuels rapides sur la palette aide chaque partie à visualiser le concept immédiatement. La méthode la plus rapide : décrire la scène, poser une composition propre, et référencer votre palette à travers les accents, labels ou blocs de fond.

Pour garder des résultats cohérents, réutilisez une seule structure de prompt et ne changez que le sujet (affiche, emballage, page accueil, set d’icônes). Exportez quelques variantes, puis sélectionnez celle qui a la meilleure hiérarchie et contraste selon votre usage.

Ensuite : Palette de couleurs Jaune Sarcelle