Combinaisons de couleurs violet bleu : 22 palettes + #5a4bff

Le bleu violet se situe entre la confiance du bleu et l’imagination du violet, ce qui en fait un choix privilégié pour l’interface moderne, le branding et le design éditorial.

Vous trouverez ci-dessous plus de 20 idées raffinées de palettes de couleurs bleu violet avec codes HEX, ainsi que des conseils pratiques pour l’association, le contraste et des exemples d’utilisation concrets.

Pourquoi les palettes bleu violet fonctionnent si bien

Le bleu violet est une « couleur passerelle » qui inspire à la fois la confiance et l’expression. Il offre la stabilité associée au bleu, tout en ajoutant une touche créative subtile inspirée du violet.

En design digital, le bleu violet ressort proprement et avec du contraste sur des teintes douces, et s’accorde aussi bien avec des neutres froids (argent, ardoise, blanc cassé) qu’avec des accents chauds (or, argile, corail).

En branding et en imprimerie, le bleu violet permet de moduler les ambiances facilement : les mélanges plus indigo ont un aspect premium et cinématographique, tandis que les nuances de pervenche évoquent la légèreté, la sympathie et la modernité.

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

1) Iris Minuit

HEX : #1b1533 #2a1f5e #4633b9 #7a6cff #e9e6ff

Ambiance : cinématographique, audacieux, mystérieux

Idéal pour : page d’accueil SaaS et navigation

Cinématographiques et nocturnes, ces tons font penser aux lumières de la ville réfléchies sur du velours profond. Utilisez la nuance la plus foncée pour les titres et la navigation, puis laissez le bleu-violet porter les boutons et liens principaux. Associez à des blancs teintés de lilas pour conserver une lecture nette et éviter un aspect trop clinique. Conseil : réservez la teinte la plus claire aux grands fonds pour faire ressortir les tons moyens.

Exemple d’image iris minuit 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 sons dans votre navigateur.

Essayez gratuitement maintenant

2) Brume de Pervenche

HEX : #f4f2ff #dcd8ff #a9a2ff #6b63f6 #2c2a7a

Ambiance : aérien, calme, optimiste

Idéal pour : écrans d’accueil application bien-être

Aérée et apaisante, cette palette évoque la brume du matin teintée de pervenche délicate. Gardez les compositions spacieuses avec les teintes pâles, puis utilisez le bleu-violet saturé pour les états de progression et actions principales. Un indigo profond favorisera la lisibilité des icônes et labels principaux sur les fonds clairs. Conseil : appliquez le lavande moyen en dégradé doux pour casser l’aspect plat sans ajouter de bruit.

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

3) Pop Violet Électrique

HEX : #0f1026 #2d2a8c #5a4bff #ff4fd8 #f2f4ff

Ambiance : énergique, ludique, très contrasté

Idéal pour : affiche événement musical

Dynamique et électrisant, l’effet rappelle un set nocturne sous néons. Utilisez le bleu-violet pour le titre et les éléments clés ; le magenta devient un accent maîtrisé pour les dates ou mises en avant. La base quasi noire structure et met en valeur les couleurs brillantes. Conseil : limitez le magenta à moins de 15 % de la mise en page, pour qu’il reste une touche et non une invasion.

Exemple d’image pop violet électrique générée avec media.io

4) Encre Royale et Argent

HEX : #14112a #2b235a #4b3fbf #bfc5d8 #f6f7fb

Ambiance : premium, éditorial, raffiné

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

Soyeuse et royale, cette palette rappelle l’encre sur papier épais avec un éclat métallique froid. Utilisez l’encre foncée pour les logos et la typographie, puis le bleu-violet pour monogrammes ou marques signatures. Le gris argenté est un neutre sophistiqué pour lignes, sceaux et motifs subtils. Conseil : imprimez la nuance la plus sombre comme noir enrichi pour un fini plus doux et haut de gamme.

Exemple d’image encre royale et argent générée avec media.io

5) Crème de Lavande Lapis

HEX : #2a2c8a #5247d6 #9b8cff #f3e7ff #fff6e8

Ambiance : doux, romantique, accueillant

Idéal pour : suite d’invitation de mariage

Romantique et lumineux, cette palette évoque des pétales de lavande sous l’éclat d’une bougie. Utilisez la crème en base de papier, puis superposez du bleu-violet pour les noms et titres. Le lilas rosé est idéal pour les bordures, icônes et ornements délicats. Conseil : gardez les textes principaux dans la teinte lapis foncée pour assurer le contraste tout en douceur.

Exemple d’image crème de lavande lapis générée avec media.io

6) Dérive Baie Cosmique

HEX : #0b0d1e #2b1b5a #4f3adf #a24bff #ffd1f3

Ambiance : rêveur, cosmique, expressif

Idéal pour : création publicitaire produit beauté

Rêveuse et cosmique, cette palette rappelle la poussière d’étoile fondue dans une brume fruitée. Les associations bleu-violet fonctionnent à merveille en dégradés pour la publicité, où l’indigo profond s’efface dans des accents violets lumineux. Réservez le rose pâle pour les effets de lueur, pas l’arrière-plan. Conseil : ajoutez du grain doux sur les dégradés pour éviter le banding à l’export social.

Exemple d’image dérive baie cosmique générée avec media.io

7) Ardoise Denim Orageuse

HEX : #1a2238 #2f3a66 #4553a6 #8a93c6 #e6e9f4

Ambiance : frais, fiable, professionnel

Idéal pour : tableau de bord B2B et dataviz

Fraîche et sûre, cette palette évoque les nuages orageux sur un denim usé. Utilisez les teintes ardoise pour les séries de graphiques et états hover, le gris-bleu pâle en couleur de fond de panneau. Le bleu marine le plus foncé structure tableaux, barres d’outils et menus. Conseil : limitez le bleu-violet moyen aux métriques clés pour éviter une interface d’analyse surchargée.

Exemple d’image ardoise denim orageuse générée avec media.io

8) Nuit Néon Améthyste

HEX : #070716 #22104f #4a2cff #00d4ff #f7f2ff

Ambiance : futuriste, net, énergique

Idéal pour : graphismes overlay stream gaming

Futuriste et tranchant, cet ensemble évoque la signalétique néon dans une salle d’arcade sombre. Faites du bleu-violet la couleur dominante des cadres et panneaux, puis utilisez le cyan pour les alertes et badges live. Le blanc cassé maintient la lisibilité des petits textes sans ternir les overlays. Conseil : appliquez le cyan uniquement sur les éléments animés pour centrer l’attention.

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

9) Argile Orchidée Saphir

HEX : #1e1b4b #3f3aa8 #7a6cff #d7c4ff #c6a18a

Ambiance : artistique, moderne, légèrement chaud

Idéal pour :Moodboard d’intérieur de boutique

Artistique et moderne, il associe le bleu saphir à la douceur de l’orchidée et une pointe de chaleur argile. Utilisez le violet-bleu et le lilas doux dans les textiles et les murs, puis laissez la teinte argile apparaître dans le bois, le cuir ou la céramique. L’indigo profond fonctionne comme peinture fondatrice ou finition métal. Conseil d’utilisation : répétez l’accent argile au moins deux fois pour empêcher la palette d’être trop glaciale.

Exemple d’image du moodboard saphir orchidée argile générée avec media.io

10) Violet glacier minimaliste

HEX : #f8f9ff #e6e9ff #b8c0ff #6a74ff #2a2f6e

Ambiance :propre, minimaliste, tourné vers la technologie

Idéal pour :Composants UI mobile fintech

Pur et glacial, il évoque du verre givré teinté de violet. Ce jeu de couleurs violet bleu convient aux interfaces fintech car il paraît précis sans être froid. Utilisez les teintes claires pour les cartes et surfaces, puis assignez le bleu-violet saturé aux actions principales et onglets actifs. Conseil d’utilisation : gardez les couleurs d’erreur et de succès discrètes pour que la teinte principale demeure l’ancre de marque.

Exemple d’image glacier violet minimaliste générée avec media.io

11) Indigo prune velours

HEX : #120a1f #2a0f3d #3b2aa3 #7d4aa8 #f0d7ff

Ambiance :dramatique, luxueux, intime

Idéal pour :Design de carte de bar à cocktails

Dramatique et velouté, il rappelle des cabines éclairées à la bougie et des rideaux riches. Utilisez la prune presque noire comme base du menu, puis titrez vos sections en violet-bleu pour une brillance raffinée. Le rose-lilas doux met en valeur les suggestions sans rendre l’ensemble enfantin. Conseil d’utilisation : insérez beaucoup d’espace négatif afin que les fonds sombres restent premium sans être oppressants.

Exemple d’image indigo prune velours générée avec media.io

12) Violet ciel agrume

HEX : #f2f7ff #8f9bff #4b52d9 #2b2d6f #ffcc4d

Ambiance :lumineux, moderne, accrocheur

Idéal pour :Carrousel réseaux sociaux startup

Éclatant et moderne, il évoque un ciel clair interrompu par un flash d’agrume assuré. Utilisez les variations violet-bleu pour les titres et formes, puis réservez le jaune pour les chiffres clés, appels à l’action ou autocollants. Le bleu marine préserve la lisibilité des petits textes et empêche le carrousel d’être délavé. Conseil d’utilisation : placez le jaune sur des blocs solides plutôt que des lignes fines pour éviter les vibrations à l’écran.

Exemple d’image violet ciel agrume générée avec media.io

13) Hortensia crépuscule

HEX : #1a133a #3b2f7a #5c55d6 #b1a9ff #efeaff

Ambiance :doux, floral, nostalgique

Idéal pour :Set d’illustrations botaniques de printemps

Doux et floral, il évoque des hortensias se fanant dans le crépuscule. Peignez les pétales avec le lilas doux et le bleu pervenche, puis utilisez l’indigo foncé pour les tiges, ombres et contours à l’encre. Le violet-bleu vif est idéal pour les fleurs centrales ou petits motifs décoratifs. Conseil d’utilisation : gardez les lavis translucides pour que la palette reste aérienne plutôt que lourde.

Exemple d’image hortensia crépuscule générée avec media.io

14) Milkshake myrtille

HEX : #fff7ff #e7dcff #b7a6ff #6a5cff #3a2a7a

Ambiance :doux, tendre, amical

Idéal pour :Branding app éducative enfants

Doux et convivial, il rappelle un milkshake à la myrtille à la finition crémeuse. Utilisez les teintes douces pour les fonds et cartes arrondies, puis apportez le violet-bleu saturé pour les personnages, badges et états interactifs. Le bleu-violet foncé permet aux icônes de se démarquer sans paraître agressif. Conseil d’utilisation : conservez la typographie dans la teinte la plus sombre et réservez la couleur la plus claire pour les récompenses.

Exemple d’image milkshake myrtille générée avec media.io

15) Aubergine mousse de mer

HEX : #140b21 #3a1a5a #4d3cff #7fe7d6 #f4fff9

Ambiance :inattendu, frais, contemporain

Idéal pour :Refonte site web agence créative

Inattendu et frais, il associe la profondeur aubergine à une touche mousse de mer. Ces combinaisons violet-bleu fonctionnent mieux si la mousse de mer reste en accent pour effets de survol, liens ou illustrations. Utilisez le pourpre profond pour les moments typographiques et cadrer la mise en page. Conseil d’utilisation : testez la mousse de mer en texte sur fonds clairs et passez en contour si le contraste diminue.

Exemple d’image aubergine mousse de mer générée avec media.io

16) Velours crépuscule doré

HEX : #0d0b1c #2a2358 #5b4cff #a99bd6 #d6b14a

Ambiance :opulent, sombre, festif

Idéal pour :Packaging premium pour bougies

Opulent et sombre, il rappelle le velours au crépuscule avec une lueur dorée. Utilisez le violet-bleu comme couleur principale sur l’étiquette, puis laissez l’or apparaître en détails de feuille ou lignes fines. La mauve douce rend les informations secondaires élégantes et calmes. Conseil d’utilisation : limitez l’or à de petits éléments à fort impact pour qu’il reste premium et non ostentatoire.

Exemple d’image velours crépuscule doré générée avec media.io

17) Ultraviolet corail éclat

HEX : #1a0f2e #3620a6 #5f55ff #ff6b6b #fff0f0

Ambiance :audacieux, jeune, dynamique

Idéal pour :En-tête d’email lancement produit

Audacieux et dynamique, il évoque une lumière ultraviolet avec une explosion corail. Utilisez le violet-bleu pour le bloc de titre principal et les accents de navigation, puis laissez le corail mettre en avant l’offre et le compte à rebours. Le fond blush doux garde le message amical et non agressif. Conseil d’utilisation : faites du corail le seul accent chaud pour une attention maximale.

Exemple d’image ultraviolet corail éclat générée avec media.io

18) Dégradé nébuleuse fondu

HEX : #0b0a22 #24106e #4f3adf #7a6cff #d9d1ff

Ambiance :atmosphérique, moderne, immersif

Idéal pour :Écran d’accueil application et dégradés

Atmosphérique et immersif, il rappelle une nébuleuse qui dérive de l’espace profond vers une lumière douce. Créez des dégradés de l’indigo au violet-bleu, puis fondez dans le lilas pâle pour une lueur premium. Gardez les icônes simples et utilisez la teinte la plus foncée pour la barre de statut. Conseil d’utilisation : ajoutez un léger vignettage pour encadrer le logo central et éviter une bande de dégradé plate.

Exemple d’image dégradé nébuleuse fondu générée avec media.io

19) Studio violet-bleu classique

HEX : #10122a #2c2e78 #4b52d9 #9aa3ff #f5f6ff

Ambiance :confident, équilibré, polyvalent

Idéal pour :Couverture et slides guide de marque

Confiant et équilibré, il évoque un studio bien éclairé où chaque détail est intentionnel. Une palette violet-bleu comme celle-ci est polyvalente pour les présentations : bleu marine profond pour les titres, violet-bleu moyen pour les graphiques, et nuances pâles pour les séparateurs de sections. La pervenche claire empêche les pages longues d’être densifiées. Conseil d’utilisation : attribuez un rôle à chaque teinte dans votre système de slide et tenez-en vous pour la cohérence.

Exemple d’image studio violet-bleu classique générée avec media.io

20) Violet-bleu et sauge calme

HEX : #f2f3ff #a9b0ff #5b4cff #6b8f7a #1f2b3a

Ambiance :calme, naturel, ancré

Idéal pour :Design étiquette produit éco

Calme et ancré, il mêle le violet-bleu froid à une sauge botanique discrète. Utilisez la sauge pour les panneaux secondaires, ingrédients ou icônes, tandis que le violet-bleu porte la marque et les principales revendications. Le bleu-gris foncé remplace le noir dur et conserve l’étiquette naturelle. Conseil d’utilisation : imprimez un test sur papier non couché pour éviter que la teinte pâle ne se délave.

Exemple d’image violet-bleu et sauge calme générée avec media.io

21) Nuit lilas cristal

HEX : #0f0b24 #2a1b5a #4633b9 #a39bff #ffffff

Ambiance :élégant, lumineux, moderne

Idéal pour :Thème slide keynote tech

Élégant et lumineux, il rappelle la lumière cristalline traversant une pièce sombre. Utilisez la base foncée pour les fonds de slides pleine page, puis affichez grands chiffres et graphiques en violet-bleu vif. Le blanc garde le message clair, tandis que le lilas doux aide les graphiques secondaires ou notes à rester lisibles. Conseil d’utilisation : augmentez l’épaisseur des lignes sur fond foncé pour ne pas perdre les détails au projecteur.

Exemple d’image nuit lilas cristal générée avec media.io

22) Grille violet givré

HEX : #f7f8ff #d7dcff #9aa3ff #5a4bff #2a2f6e

Ambiance :organisé, net, contemporain

Idéal pour :UI grille produits e-commerce

Organisé et net, il rappelle du verre givré sur une grille ordonnée. Utilisez les tons les plus claires pour l’arrière-plan et les cartes, puis appliquez le violet-bleu aux prix et actions principales. L’indigo plus profond est parfait pour les filtres, en-têtes fixes et états de focus. Conseil d’utilisation : gardez les bordures subtiles et jouez sur l’espacement et les changements de nuances pour séparer les produits.

Exemple d’image grille violet givré générée avec media.io

Quelles couleurs s’accordent avec le bleu violet ?

Des neutres froids comme l’argent, l’ardoise et le blanc cassé rendent le violet-bleu plus net et « tourné tech », surtout en UI où le contraste et la hiérarchie sont importants.

Des accents chauds tels que l’or, l’argile, la crème et le blush doux équilibrent la fraîcheur du violet-bleu et ajoutent une touche premium et humaine pour le packaging, la déco et la mise en page éditoriale.

Pour un contraste affirmé, essayez des touches très chromatiques comme le cyan, le corail ou le magenta — mais gardez-les maîtrisées pour que le violet-bleu reste la couleur centrale de la marque.

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

Attribuez un rôle à chaque teinte : base profonde pour titres/nav, violet-bleu moyen pour actions principales, et nuances claires pour surfaces et espaces. Cela assure lisibilité et cohérence des composants.

En print et branding, remplacez le noir dur par un indigo profond et utilisez le violet-bleu pour les signatures (monogrammes, lignes, icônes). Le résultat reste raffiné tout en étant lisible.

Si vous utilisez des dégradés, ajoutez un léger grain et testez les exports sur plusieurs écrans pour éviter l'effet de bandes et pour vous assurer que votre bleu violet reste homogène.

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

Vous voulez voir ces combinaisons de couleurs bleu violet dans des mises en page réelles—affiches, interfaces utilisateur, emballages ou planches d’ambiance ? Générez rapidement des maquettes à partir d'une simple consigne et itérez en quelques minutes.

Utilisez des mots-clés cohérents (par exemple : « UI vectorielle épurée », « prise de vue en studio », « affiche prête à l’impression ») et incluez l’ambiance inspirée par votre code HEX choisi afin que le visuel corresponde à votre style voulu.

Quand vous trouvez une direction qui vous plaît, gardez la même structure de consigne et ne changez que les accents de la palette pour créer une série cohérente.

À suivre : Palette de Couleurs Bleu Moyen