Idées de palettes de couleurs bleu, vert, violet (20 choix + Hex)

Le bleu, le vert et le violet créent un équilibre unique entre calme et énergie—parfait pour les marques modernes qui souhaitent paraître fiables, fraîches et légèrement inattendues.

Voici plus de 20 combinaisons de couleurs bleu vert violet avec codes HEX, ainsi que des conseils pratiques pour les associations en UI, branding, impression et design social.

Pourquoi les palettes bleu vert violet fonctionnent-elles si bien

Le bleu évoque la clarté et la confiance, le vert apporte fraîcheur et équilibre, et le violet ajoute de l’imagination et une touche premium. Ensemble, ils englobent à la fois le “fiable” et “l’expressif”, ce qui explique leur popularité dans le SaaS, la fintech, le bien-être et les campagnes créatives.

Ce trio fonctionne également très bien en modes clair et sombre. Les tons marine profonds et indigo créent une structure forte, tandis que le teal et le violet offrent des accents dynamiques qui restent cohérents.

Parce que les teintes sont assez proches pour se fondre (superbes pour les dégradés) mais assez différentes pour séparer les états UI, une palette bleu vert violet vous aide à construire une hiérarchie sans avoir besoin d’autres couleurs.

Plus de 20 idées de palettes de couleurs bleu vert violet (avec codes HEX)

1) Lagon Aurore

HEX : #0B3D91 #0FB9B1 #6C5CE7 #B8F2E6 #1B1F3B

Ambiance : lumineux, calme, moderne

Idéal pour : UI tableau de bord SaaS

Lumineux et calme, comme des aurores boréales se reflétant sur une eau immobile. Le marine profond structure la mise en page, tandis que le teal et le violet ajoutent du mouvement sans être criards. Utilisez la nuance menthe pour les panneaux spacieux et réservez les accents les plus vifs pour les boutons primaires et points forts. Accordez avec des gris froids et une typographie sans empattement géométrique pour garder un look moderne et axé produit.

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

Essayez gratuitement dès maintenant

2) Mare Prunelle

HEX : #1D4ED8 #14B8A6 #7C3AED #F1F5F9 #0F172A

Ambiance : net, professionnel, énergique

Idéal pour : système d’identité de marque

Net et professionnel, comme la lumière de l’océan frappant une pierre polie. Le cobalt et le teal dégagent assurance, alors que la prune ajoute une signature distinctive pour les logos et éléments clés. Utilisez le blanc cassé pour l’arrière-plan principal et réservez le quasi-noir pour la typographie et les contours. Associez à un jeu d’icônes minimaliste et une police impactante pour une identité affûtée.

Exemple d’image de mare prunelle générée avec media.io

3) Hibiscus Crépusculaire

HEX : #12355B #1BB3A3 #8E2DE2 #F7EDE2 #0B132B

Ambiance : romantique, mystérieux, vibrant

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

Romantique et mystérieux, comme les pétales d’hibiscus illuminées après le coucher du soleil. Cette palette bleu vert violet fonctionne particulièrement bien si vous laissez la teinte crème occuper l’espace négatif. Gardez le teal pour les éléments de support, puis ajoutez le violet pour les titres et détails importants. Accordez avec un grain subtil et une typo audacieuse, et limitez le bleu marine foncé aux petits textes pour la lisibilité.

Exemple d’image de hibiscus crépusculaire générée avec media.io

4) Améthyste Glaciaire

HEX : #2F6FED #3DD6D0 #B388FF #EAF2FF #25314F

Ambiance : frais, aérien, optimiste

Idéal pour : écrans d’accueil pour app mobile

Frais et aérien, comme de l’eau glaciale sous un ciel lumineux. Le lavande pâle et le bleu glacé créent des fonds amicaux, tandis que le bleu plus foncé donne un contraste fort pour les CTA. Utilisez le teal comme indicateur de progression ou de micro-interaction pour garder le flux dynamique. Accordez avec des composants arrondis et de grands espacements pour une expérience de démarrage accueillante.

Exemple d’image d’améthyste glaciaire générée avec media.io

5) Violet Forêt Tropicale

HEX : #064E3B #0EA5A4 #6D28D9 #A7F3D0 #1E1B4B

Ambiance : naturel, audacieux, aventurier

Idéal pour : emballage de produit outdoor

Naturel et audacieux, comme l’ombre dense d’une forêt tropicale traversée par de rares fleurs. Le vert profond et l’indigo nuit évoquent la robustesse, tandis que le violet apporte une touche haut de gamme qui se distingue sur les rayons. Utilisez la menthe pour un fond d’étiquette respirant et gardez le teal pour les badges ou appels à fonction. Accordez avec des textures mates et des icônes linéaires simples pour éviter la surcharge visuelle.

Exemple d’image de violet forêt tropicale générée avec media.io

6) Varech Électrique

HEX : #0057FF #00C2A8 #A855F7 #0B1026 #E2E8F0

Ambiance : contraste élevé, techno, percutant

Idéal pour : habillage de stream gaming

À contraste élevé et techno, comme une lumière néon traversant l’eau profonde. Ces combinaisons bleu vert violet sont très puissantes quand vous gardez le ton encre foncée comme toile principale. Utilisez le bleu électrique pour les alertes, le teal pour les labels secondaires, et le violet pour les moments clés comme les victoires ou paliers. Accordez avec des formes angulaires et un effet de halo discret, et évitez d’utiliser les trois tons vifs dans le même module.

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

7) Lavande Marine Douce

HEX : #2B50AA #5BD3C7 #C3B1E1 #FFF7ED #334155

Ambiance : doux, cosy, accessible

Idéal pour : thème de blog bien-être

Doux et cosy, comme l’écume de mer flottant dans la brume lavande. Le blanc cassé chaleureux garde les pages accueillantes, tandis que le bleu pervenche et le teal rythment calmement les liens, étiquettes et titres de section. Utilisez l’ardoise pour le texte courant et garantir le contraste accessible. Accordez à des illustrations douces et évitez les grands dégradés pour garder la tonalité apaisante.

Exemple d’image de lavande marine douce générée avec media.io

8) Jardin Cosmique

HEX : #101935 #2EC4B6 #7B2CBF #F0EBD8 #3A86FF

Ambiance : mystique, créatif, ludique

Idéal pour : pochette d’album

Mystique et créatif, comme une pluie d’étoiles sur un jardin nocturne. Le neutre crème fait ressortir les tons bijoux sans agressivité, parfait pour une typo audacieuse. Utilisez le teal pour les formes organiques et le violet pour les éléments principaux comme les titres ou icônes. Accordez avec des textures granuleuses et des formes botaniques abstraites pour un rendu moderne et onirique.

Exemple d’image de jardin cosmique générée avec media.io

9) Iris Denim

HEX : #1E40AF #10B981 #9333EA #E5E7EB #111827

Ambiance : sûr de soi, équilibré, contemporain

Idéal pour : diaporama d'entreprise

Sûr de soi et équilibré, comme du denim foncé rehaussé d'une touche d'iris. Utilisez le gris comme fond de vos diapositives pour que les graphiques restent lisibles, puis appliquez le bleu et le vert comme séries de données principales. Le violet fonctionne mieux comme couleur de repère pour les indicateurs clés et les séparations de sections. Associez-le à des infographies épurées et réservez le quasi-noir pour les en-têtes afin d’éviter un aspect délavé.

Exemple d'image de denim iris générée avec media.io

10) Metro Nightshade

HEX : #0F172A #2563EB #14B8A6 #A78BFA #F8FAFC

Ambiance : élégant, urbain, raffiné

Idéal pour : page d'accueil fintech

Élégant et urbain, comme une enseigne au néon sur un trottoir humide. Ce schéma de couleurs bleu-vert-violet crée une impression de haut de gamme lorsqu’on privilégie la base encre et qu’on réserve le blanc pour l’aération. Utilisez le bleu pour les actions principales, le sarcelle pour les signaux de confiance, et la lavande pour mettre en valeur les fonctionnalités. Associez-le à des icônes fines et beaucoup d’espacement pour donner une impression premium à la page.

Exemple d'image de metro nightshade générée avec media.io

11) Orchid Current

HEX : #012A4A #0B5FFF #00A8A8 #7209B7 #E0FBFC

Ambiance : audacieux, brillant, expressif

Idéal pour : publicité pour produit de beauté

Audacieux et brillant, comme des pétales d’orchidée illuminés par un éclair de bleu. Les couleurs primaires saturées donnent un effet éditorial, tandis que l’aqua pâle empêche la composition de paraître lourde. Utilisez le sarcelle pour soutenir les promesses et les ingrédients, puis réservez le violet pour les signaux premium comme une édition limitée ou un parfum signature. Associez-le à une typographie macro et une photo produit unique pour un aspect luxueux.

Exemple d'image de orchid current générée avec media.io

12) Tealberry Punch

HEX : #0061A8 #00BFA6 #8A2BE2 #FFE66D #1A1A2E

Ambiance : amusant, jeune, dynamique

Idéal pour : flyer de festival d'été

Amusant et dynamique, comme un soda pétillant à la saveur de baies. Le jaune ensoleillé insuffle une énergie immédiate, tandis que le sarcelle et le violet gardent le flyer moderne au lieu de rétro. Utilisez le ton bleu nuit profond pour les blocs de texte et les partenaires afin de garantir la clarté. Associez des formes ludiques et une hiérarchie typographique stricte pour que l’accent lumineux ne surcharge pas les détails.

Exemple d'image de tealberry punch générée avec media.io

13) Misty Nebula

HEX : #2C3E50 #2EC4B6 #B8B8FF #F6F7FB #5A189A

Ambiance : doux, onirique, réfléchi

Idéal pour : design de couverture de livre

Doux et onirique, comme une brume flottant à travers une nébuleuse lointaine. Le fond blanc cassé donne de la légèreté à la lavande, tandis que le violet profond offre une couleur de titre puissante. Le sarcelle fonctionne bien pour les petits motifs ou labels de série sans détourner l’attention du texte principal. Associez à une illustration minimale et gardez un fort contraste pour assurer la lisibilité des miniatures en librairie.

Exemple d'image de misty nebula générée avec media.io

14) Royal Lagoon

HEX : #003566 #00B4D8 #6F2DBD #CAF0F8 #03045E

Ambiance : royal, épuré, percutant

Idéal pour : identité visuelle d'équipe sportive

Royal et percutant, comme une bannière de champion sous les projecteurs du stade. Cette palette bleu-vert-violet brille quand on mise sur les bleus royaux profonds pour les uniformes et les mots-symbole. Utilisez le cyan comme finition énergique et le violet comme accent secondaire sur le merchandising et les visuels sociaux. À associer avec une police condensée en gras et le ton pâle pour des fonds aérés dans les compositions digitales.

Exemple d'image de royal lagoon générée avec media.io

15) Ultraviolet Aquarium

HEX : #082F49 #0891B2 #7C3AED #D1FAE5 #0A0F1F

Ambiance : profond, aquatique, futuriste

Idéal pour : interface de visualiseur musical

Profond et futuriste, comme un aquarium éclairé par un tube ultraviolet. La base sombre rend les animations éclatantes, tandis que la couleur menthe évite que l’interface ne devienne trop chargée. Utilisez le sarcelle pour les éléments de forme d’onde et le violet pour les marqueurs de rythme ou les états actifs. À associer avec des dégradés doux et garder un contraste élevé pour le texte afin d’assurer la lisibilité.

Exemple d'image de ultraviolet aquarium générée avec media.io

16) Harbor Lilac

HEX : #1B4965 #5FA8D3 #62B6CB #CA7DF9 #F3F4F6

Ambiance : côtier, clair, accueillant

Idéal pour : design de newsletter de voyage

Côtier et accueillant, comme un matin lumineux sur le port avec une brume de lilas à l’horizon. Les bleus clairs définissent des sections propres pour les photos et les titres, tandis que l’accent violet ajoute une note mémorable à la marque. Utilisez le sarcelle pour les liens et petits éléments d’UI, en gardant le fond principalement clair et neutre. Ajoutez de grandes marges généreuses et des séparateurs simples pour faciliter la lecture de la mise en page.

Exemple d'image de harbor lilac générée avec media.io

17) Aurora Sprint

HEX : #3A86FF #06D6A0 #8338EC #F1FAEE #1D3557

Ambiance : sportif, lumineux, motivant

Idéal pour : interface application fitness

Sportif et motivant, comme un footing matinal sous un ciel lumineux et changeant. Le vert frais évoque immédiatement le progrès et la réussite, tandis que le violet donne de la personnalité aux badges et jalons. Gardez le blanc cassé pour les écrans riches en données et le bleu marine pour les textes et barres d’onglets. À associer avec des graphiques arrondis et des icônes claires pour un suivi rapide et intuitif.

Exemple d'image de aurora sprint générée avec media.io

18) Deep Sea Orchid

HEX : #001D3D #0077B6 #00A896 #9D4EDD #E9D8FD

Ambiance : luxueux, calme, nocturne

Idéal pour : section "héros" site spa

Luxueux et calme, comme les profondeurs marines éclairées d’une douce lueur d’orchidée. Le bleu marine et l’océan créent une sérénité immédiate, tandis que la lavande garde l’atmosphère douce plutôt que froide. Utilisez le sarcelle comme accent discret pour les liens et signaux de confiance, et gardez le lilas pâle pour les superpositions sous le texte. À associer avec des titres élégants en empattement et de délicats dégradés pour une ambiance spa haut de gamme.

Exemple d'image de deep sea orchid générée avec media.io

19) Vaporwave Lagoon

HEX : #2D00F7 #00F5D4 #B517FF #FEEAFA #0B1320

Ambiance : rétro-futur, audacieux, ludique

Idéal pour : bannière promo pour réseaux sociaux

Rétro-futuriste et ludique, comme une enseigne lumineuse dans une salle d’arcade à minuit. Le sarcelle et le violet néon attirent immédiatement l'œil ; mettez-les en valeur sur un rose doux plutôt que de les superposer partout. Utilisez le bleu-noir profond pour le texte et les logos afin de préserver la lisibilité. Associez des motifs géométriques audacieux et gardez un texte bref pour un impact maximal à la lecture.

Exemple d'image de vaporwave lagoon générée avec media.io

20) Studio Spectrum

HEX : #114B9A #1AA6B7 #7C4DFF #F2F2F2 #22223B

Ambiance : épuré, créatif, polyvalent

Idéal pour : double page éditoriale magazine

Épuré et créatif, comme un studio avec des gélatines colorées et du papier lisse. Ces combinaisons bleu-vert-violet sont particulièrement polyvalentes dans des compositions où la hiérarchie compte. Gardez le blanc cassé pour le confort de lecture, le sarcelle pour les encadrés et appels, et laissez le violet pour les titres de rubriques. Associez une grille affirmée et limitez à un accent par page pour éviter la surcharge visuelle.

Exemple d'image de studio spectrum générée avec media.io

21) Sage Eclipse

HEX : #1B3A57 #2A9D8F #6A4C93 #E9ECEF #0B0F1A

Ambiance : mystérieux, stable, élégant

Idéal pour : portfolio d’architecte

Mystérieux et stable, comme une éclipse au-dessus de pierres et de verre. Le fond gris froid garde les projets spacieux, le sarcelle et le violet soulignent élégamment les sections. Utilisez la teinte la plus sombre pour la navigation et les légendes afin d’assurer le contraste sur les photos. Associez beaucoup d’espaces blancs et des animations retenues pour une présentation de portfolio raffinée.

Exemple d'image de sage eclipse générée avec media.io

22) Prism Haze

HEX : #00509D #34D399 #C084FC #FFF1F2 #1F2937

Ambiance : lumineux, aérien, optimiste

Idéal pour : illustration botanique aquarelle

Lumineux et aérien, comme la lumière du soleil qui se réfracte à travers un prisme doux. Le blanc rosé ajoute de la chaleur, tandis que le vert et le violet modernisent les motifs floraux. Utilisez le charbon profond uniquement pour les petits détails comme les tiges, les étiquettes ou les contours. Associez des lavis délicats et gardez une saturation légèrement irrégulière pour un rendu aquarelle authentique.

Exemple d'image de prism haze générée avec media.io

Quelles couleurs s’accordent avec le bleu vert violet ?

Pour une harmonie moderne et équilibrée, associez des tons bleu-vert-violet à des neutres froids comme le blanc, le blanc cassé, le gris clair et le charbon. Ces nuances aident à conserver un contraste lisible tout en laissant le sarcelle et le violet jouer le rôle d’accents principaux.

Pour un contraste plus chaud, essayez le beige doux, la crème, le rose poudré ou le sable pâle — ces neutres réchauffent la palette et la rendent plus conviviale pour les marques lifestyle.

Pour ajouter du dynamisme, limitez-vous à un seul accent vif (comme le jaune citron, le corail ou le rose flashy). Garder l’accent limité préserve l’équilibre de la palette, surtout dans des systèmes d’UI.

Comment utiliser une palette bleu vert violet dans des designs réels

Commencez avec des rôles : choisissez une base sombre (bleu marine/encre) pour la structure, un bleu moyen pour les actions principales, du vert sarcelle pour les états secondaires, et du violet pour les éléments de mise en avant tels que les badges, la mise en valeur des prix ou les fonctionnalités clés. Cela crée une hiérarchie prévisible sur les différents écrans.

Pour l’impression et l'identité de marque, laissez une teinte dominante (souvent le bleu), puis utilisez le vert sarcelle comme soutien “frais” et le violet comme signature. Cela permet de garder les logos et les mises en page reconnaissables même lorsque toutes les couleurs ne peuvent pas être utilisées en même temps.

Pour les dégradés, mélangez bleu → sarcelle pour un mouvement calme et sarcelle → violet pour plus d’énergie. Gardez les arrière-plans subtils et réservez les dégradés saturés pour les zones mises en avant, les affiches et les promotions sociales.

Créer des visuels de palette bleu vert violet avec l’IA

Si vous disposez déjà de codes HEX, vous pouvez créer rapidement des maquettes adaptées à votre marque en décrivant la mise en page (affiche, écran d’application, emballage) et l’ambiance (calme, brillant, futuriste). Cela vous aide à valider le ressenti des couleurs dans des compositions réelles, et pas seulement sur des échantillons.

Avec le flux de travail texte-vers-image de Media.io, vous pouvez itérer rapidement : essayez différents formats, changez un arrière-plan neutre ou augmentez la saturation du sarcelle/violet jusqu’à ce que le contraste soit adapté à l’accessibilité et au marketing.

Utilisez le nom de la palette comme ancrage stylistique (pour la cohérence) et ajoutez un sujet clair (tableau de bord, flyer, publicité produit) pour que l’IA sache quoi concevoir.

Suivant : Palette de Couleurs Bronze