Combinaisons de couleurs bleu, vert foncé (23 choix + Hex + conception IA)

Une palette de couleurs bleu et vert foncé combine la stabilité des bleus profonds avec la sérénité ancrée des verts forêt. Le résultat offre une ambiance sombre et haut de gamme qui fonctionne pour le branding, les interfaces, les affiches et le packaging.

Découvrez ci-dessous plus de 20 idées de palettes bleu et vert foncé, prêtes à l’emploi avec leurs codes HEX, ainsi que des prompts d’images IA à copier pour générer rapidement des visuels assortis.

Pourquoi les palettes bleu vert foncé fonctionnent aussi bien

Le bleu apporte clarté et confiance, tandis que le vert foncé ajoute une présence naturelle et stable. Ensemble, ils inspirent l’assurance sans être criards, ce qui explique leur popularité en UI, tech, finance et pour les marques de plein air.

Cette combinaison gère aussi très bien les contrastes : le bleu marine ancre la typographie et les titres, tandis que le vert foncé définit les états (survol, succès, navigation) sans donner d’effet « alerte » comme le ferait un rouge vif.

Enfin, les schémas bleu et vert foncé s’accordent facilement avec des couleurs neutres : gris froid pour une interface moderne ou crème chaude pour l’impression, permettant à vos créations d’aller d’un style minimaliste à luxueux d’un simple changement d’arrière-plan.

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

1) Algue marine de minuit

HEX : #071a2f #0b3b2e #0f5b6b #2a4f7a #d7e3ee

Ambiance : sombre, côtier, raffiné

Idéal pour : interface UI de tableau de bord SaaS

Des tons côtiers sombres comme les eaux de minuit et les forêts de varech instaurent une atmosphère calme et haut de gamme. Utilisez le bleu marine profond pour les titres, le vert foncé pour les états de navigation, et le bleu canard en petites touches. Associez le tout à un fond gris clair et frais pour une grande lisibilité. Conseil : réservez le bleu canard pour les icônes actives et les boutons principaux pour une interface cohérente.

Exemple d’image d’algue marine de 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) Bibliothèque mer profonde

HEX : #0a1633 #103a33 #1f6a7a #4f6f8a #f2f6f8

Ambiance : calme, académique, élégant

Idéal pour : mise en page magazine éditorial

Calme et studieuse, cette palette évoque une salle de lecture nocturne au bord de la mer. Le bleu marine foncé et le vert persistant assurent des titres affirmés, tandis que l’ardoise bleue plus douce soutient les textes et citations. Gardez beaucoup d’espace blanc pour une palette fraîche et non trop chargée. Conseil : utilisez peu le bleu canard, uniquement pour les marqueurs de section ou numéros de page.

Exemple d’image de bibliothèque mer profonde générée avec media.io

3) Port orageux

HEX : #0b203f #0e3f35 #2d6f85 #7c94a6 #e6edf2

Ambiance : dramatique, moderne, affirmé

Idéal pour : identité visuelle de marque

Des bleus de port dramatiques et des verts profonds insufflent l’énergie du vent, de l’acier et de l’eau salée. Utilisée en palette, elle inspire confiance pour la tech, la finance ou les marques outdoor sans paraître froide. Associez les tons foncés à des gris brumeux pour que logos et typographies restent nets. Conseil : utilisez le gris clair comme fond principal et laissez le bleu marine dominer les titres.

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

4) Pin arctique

HEX : #0a1f3a #0c4a3a #2b7a8a #8fb3c7 #f4fbff

Ambiance : frais, nature, épuré

Idéal pour : section principale site voyage

Fraîche et nature, elle évoque l’air enneigé sur des pins sombres et des chaînes bleues au loin. Utilisez la teinte glacée claire en fond, le bleu marine pour les titres et le vert foncé pour les boutons. Quelques touches de bleu canard dynamisent l'ensemble sans perdre l’effet apaisant. Conseil : réservez les dégradés doux aux deux couleurs les plus claires pour éviter toute confusion visuelle.

Exemple d’image de pin arctique générée avec media.io

5) Encre et genévrier

HEX : #08152a #123c2f #165f6c #3c5876 #d9d5cd

Ambiance : classique, botanique, discret

Idéal pour : packaging cosmétique de luxe

Classique et végétale, cette palette rappelle les croquis à l’encre sur des branches de genévrier. Le blanc chaud adoucit l’ensemble, donnant un aspect premium au packaging. Combinez avec des finitions mates et une typographie minimale pour un rendu épuré et élégant. Conseil : limitez le bleu canard à de petits sceaux ou les ingrédients en évidence pour garder l’étiquette raffinée.

Exemple d’image d’encre et genévrier générée avec media.io

6) Denim des aurores boréales

HEX : #0c2140 #0f4b3a #1f7785 #4c86b5 #eaf1f6

Ambiance : énergique, franc, contemporain

Idéal pour : publicité produit sport

Énergique et franc, on croirait voir une aurore boréale sur des sapins sombres et du denim usé. Utilisez le bleu vif en fond principal, le vert pour les mises en avant produit et le bleu canard pour les lignes de mouvement. Optez pour du texte presque blanc afin d’assurer un contraste lisible. Conseil : un simple dégradé du bleu denim au bleu canard suffit à créer de la profondeur sans ajouter d’autres couleurs.

Exemple d’image de denim des aurores boréales générée avec media.io

7) Ardoise océanique

HEX : #0a1d33 #0d3f34 #2a6a78 #6e8796 #f0f3f5

Ambiance : minimaliste, solide, professionnel

Idéal pour : présentation entreprise

Minimaliste et solide, ces tons font penser à des falaises d’ardoise surplombant l’océan. Utilisez l’ardoise gris-bleu pour les graphiques, le bleu marine pour les titres et le vert persistant pour les chiffres-clés. Un fond clair garde les slides sobres et professionnels. Conseil : limitez-vous à deux couleurs dominantes par diapo plus un accent afin d’éviter la surcharge visuelle.

Exemple d’image d’ardoise océanique générée avec media.io

8) Vert forêt nautique

HEX : #061a36 #0a4636 #0f6375 #3e6f9c #fff4e6

Ambiance : nautique, audacieux, accueillant

Idéal pour : design de menu de restaurant

Nautique et chaleureux, ce schéma rappelle la corde, le verre marin et les rives persistantes. Cette palette bleu vert foncé est idéale pour des menus premium sans être trop formels. Associez les tons foncés à un papier crème chaleureux et une élégante typographie à empattements. Conseil : utilisez le bleu canard pour les titres de section afin de guider la lecture.

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

9) Crépuscule alpin

HEX : #0d1b3a #114336 #2b5f86 #6aa1a9 #e9efe8

Ambiance : serein, aventureux, équilibré

Idéal pour : affiche d'événement en plein air

Serein comme le crépuscule sur les lacs alpins, ce mélange équilibre les bleus froids avec un vert forêt ancré. Utilisez le bleu marine pour le titre de l'affiche et laissez le fond menthe-gris clair assurer une bonne lisibilité à distance. Le bleu sarcelle fonctionne bien pour les dates, les pictogrammes de lieu et les petites icônes. Astuce : ajoutez une simple silhouette de montagne en deux tons avec les deux couleurs les plus sombres pour un effet thématique instantané.

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

10) Mousse Marine

HEX : #091a2e #0f3e2f #1a6c79 #5e7fa7 #dfe7e3

Ambiance : naturel, calme, réparateur

Idéal pour : interface d'application bien-être

Naturel et réparateur, il évoque la mousse marine ondulant sous une eau limpide. Utilisez le gris-vert clair comme base et ajoutez du bleu marine pour le texte afin de garantir une bonne accessibilité. Le bleu sarcelle met en valeur les anneaux de progression et les petits accents, tandis que le bleu atténué soutient les cartes secondaires. Astuce : gardez les animations lentes et subtiles pour que la palette soit apaisante, pas sportive.

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

11) Forêt Pétrole

HEX : #0b2036 #0b4a39 #1e6f7d #2f4f6f #c9d1d9

Ambiance : industriel, fort, moderne

Idéal pour : page d'accueil de produit

Fort et industriel, il évoque le métal bleu pétrole sur fond de forêt profonde. Utilisez les deux teintes les plus sombres pour l’en-tête et le pied de page, puis ouvrez les zones de contenu avec un gris clair frais. Le bleu sarcelle apporte un accent moderne et tranchant pour les liens et les fonctionnalités clés. Astuce : ajoutez des icônes linéaires subtiles en bleu ardoise afin d’informer sans surcharger.

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

12) Parc Urbain Pluvieux

HEX : #0a2039 #0f3b31 #2b6273 #86a3b1 #f5f7f6

Ambiance : doux, urbain, introspectif

Idéal pour : conception de couverture de livre

Doux et introspectif, il évoque les trottoirs humides et les conifères d’un parc en ville. Utilisez le bleu marine pour le titre afin d’attirer l’attention, tandis que le bleu-gris brumeux sert de fond pour les blocs. Le vert foncé ajoute une touche ancrée pour le nom de l’auteur ou de petits motifs. Astuce : privilégiez les textures discrètes, comme un grain fin, pour une palette moderne.

Exemple d’image de parc urbain pluvieux générée avec media.io

13) Étude Vintage Sarcelle

HEX : #0b1a34 #124236 #1b6a72 #6f8b7e #f1e6d6

Ambiance : vintage, cosy, intellectuel

Idéal pour : kit d'identité de café

Vintage et chaleureux, il rappelle un salon de lecture sarcelle avec des carnets usés et du papier chaud. Le beige crème adoucit les tons froids, parfait pour les logos, étiquettes et petite signalétique. À associer à une typographie à empattement classique et à de simples dessins linéaires en bleu marine. Astuce : utilisez le vert foncé pour les tampons ou badges afin d’ajouter une touche artisanale.

Exemple d’image d’étude vintage sarcelle générée avec media.io

14) Marbre Lagon Profond

HEX : #071b33 #0c4537 #1a7a88 #3d6a8f #e8ecef

Ambiance : luxueux, frais, soigné

Idéal pour : packaging de produit joaillerie

Luxueux et frais, il évoque le marbre d’un lagon profond aux contours nets et polis. Utilisez le gris pâle comme base de la boîte et le bleu marine pour le logo afin d’obtenir un rendu net à l’impression. Le vert foncé apporte de la richesse, tandis que le bleu sarcelle est idéal pour les accents métallisés ou motifs internes sur le papier de soie. Astuce : gardez l’aspect extérieur mat avec un seul accent brillant pour la finition.

Exemple d’image de marbre lagon profond générée avec media.io

15) Marée Cosmique

HEX : #08122d #0d3c33 #136d8a #3b5aa6 #d9e6ff

Ambiance : futuriste, vif, profond

Idéal pour : flyer de festival de musique

Futuriste et profonde, elle évoque une marée cosmique déroulant sous la lumière des étoiles. Ces combinaisons de bleu et vert foncé brillent sur les flyers si vous augmentez le contraste avec une teinte glacée éclatante. Associez-les à une typographie sans empattement audacieuse et à de simples formes géométriques cobalt pour plus d'énergie. Astuce : gardez les fonds principalement bleu marine pour que les accents sarcelle et glacés ressortent de loin.

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

16) Plan Émeraude

HEX : #0b1f3a #0e4a3b #0f6f7a #5b86a6 #f6fbff

Ambiance : précis, technologique, fiable

Idéal pour : onboarding d'application fintech

Précis et technologique, il évoque un plan technique dessiné dans des tons marins. Utilisez la teinte la plus claire pour les écrans d’accueil afin de les rendre accueillants, puis ancrez les étapes clés avec des titres bleu marine. Le vert émeraude peut indiquer les états de réussite, tandis que le bleu sarcelle met en valeur les éléments interactifs. Astuce : gardez les icônes monochromes pour conserver la clarté du plan.

Exemple d’image de plan émeraude générée avec media.io

17) Noir Zostère

HEX : #050f1f #0b3228 #145b66 #2f4b63 #cfd6d2

Ambiance : sombre, cinématographique, stylé

Idéal pour : affiche de film

Sombre et cinématographique, il évoque des silhouettes de zostère sur fond d'eau presque noire. Utilisez le bleu marine presque noir pour l’arrière-plan et gardez la typographie gris pâle pour la lisibilité. Le sarcelle et le vert profond sont parfaits comme accents lumineux minimalistes ou pour de petites formes graphiques. Astuce : prévoyez de grands espaces vides pour un poster intentionnel et haut de gamme.

Exemple d’image de noir zostère générée avec media.io

18) Velours Épinette Bleue

HEX : #0a1e3c #0f3f34 #1f6f8b #3f6b85 #efe8de

Ambiance : doux, hivernal, élégant

Idéal pour : suite d’invitation de mariage

Doux et hivernal, il évoque le velours bleu associé à des branches d’épinette. L’ivoire chaud garde la suite romantique, tandis que le bleu marine et le vert profond apportent de la formalité. Le bleu sarcelle peut être utilisé pour des bordures ou monogrammes discrets sans attirer l’œil. Astuce : sélectionnez des détails en letterpress ou gaufrage sur la nuance la plus sombre pour une finition tactile.

Exemple d’image de velours épinette bleue générée avec media.io

19) Brume du Port

HEX : #0b1d36 #103e33 #2c6d7f #9db0bf #fbfcfd

Ambiance : aéré, calme, moderne

Idéal pour : interface de site portfolio

Aéré et calme, il évoque la brume traversant un port silencieux. Construisez la page sur un blanc presque pur et un bleu-gris très clair, puis utilisez le bleu marine pour les titres et le vert foncé pour les effets au survol. Le bleu sarcelle s’utilise en accent subtil pour les liens ou tags. Astuce : gardez les images désaturées pour qu’elles s’harmonisent avec les tons brumeux.

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

20) Botanique Aigue-marine Foncée

HEX : #0a1b35 #0b4532 #167a86 #5e90a2 #e7f2ea

Ambiance : luxuriant, frais, apaisant

Idéal pour : illustration botanique aquarelle

Luxuriant et apaisant, il évoque les ombres aigue-marine foncée sous des feuilles brillantes. Cette palette de bleu et vert foncé convient idéalement aux illustrations botaniques quand on veut de la profondeur sans tomber dans le noir complet. Utilisez le bleu marine le plus profond pour les contours, le vert pour le feuillage, et du bleu sarcelle pour des reflets aquatiques. Astuce : gardez le menthe clair en réserve sur le papier pour préserver la sensation d’aération.

Exemple d’image de botanique aigue-marine foncée générée avec media.io

21) Atelier Marée

HEX : #081c34 #0f3f33 #1c6b84 #477193 #e3e9ef

Ambiance : pratique, créatif, concentré

Idéal pour : page d’atterrissage d'événement atelier

Pratique et concentré, il évoque un atelier de marée où les outils sont soigneusement rangés au bord de l'eau. Les couleurs de base plus sombres renforcent les entêtes et la navigation, tandis que le gris clair rend les formulaires conviviaux. Le bleu sarcelle est un accent fort pour les boutons d'inscription et étapes clés. Astuce : utilisez le bleu atténué pour les cartes secondaires, afin que l'appel à l'action principal ressorte.

Exemple d’image d’atelier marée générée avec media.io

22) Bosquet Saphir

HEX : #0a1a3f #0c3e35 #1b6f7f #2f63b6 #e9f0ff

Ambiance : audacieux, jeune, vibrant

Idéal pour : design de carrousel réseaux sociaux

Audacieux et jeune, il mélange un bleu saphir vif à un vert de bosquet stable. Utilisez le bleu éclatant pour les diapositives principales, puis équilibrez avec le bleu marine et le vert foncé pour les blocs de texte. Le bleu sarcelle marche bien pour les icônes et diviseurs, gardant la cohérence du carrousel. Astuce : limitez chaque diapo à une couleur phare plus des neutres pour un rythme de glissement net.

Exemple d’image de bosquet saphir générée avec media.io

23) Baie de Sapin Contraste

HEX : #081a30 #0a4a38 #0f6f82 #6c8fa8 #f7f8f4

Ambiance : net, contrasté, contemporain

Idéal pour : icône d’application et écran d’accueil

Croustillant et contemporain, il ressemble à des falaises persistantes contre une baie lumineuse. Ces combinaisons de couleurs bleu vert foncé créent un fort contraste d'icône lorsque vous gardez les formes simples et les bords propres. Associez le bleu marine le plus foncé avec le blanc cassé chaud pour l'écran éclaboussé, puis ajoutez le teal comme une petite lueur ou une bague. Astuce: Évitez les dégradés dans l'icône elle-même et enregistrez-les uniquement pour l'arrière-plan.

Exemple d'Image de evergreen bay contraste généré avec media.io

Quelles couleurs s’accordent bien avec le bleu vert foncé ?

Les neutres sont la combinaison la plus facile: les blancs frais, les gris brumeux et les tons d'ardoise gardent le bleu et le vert foncé moderne et lisible. Pour l'impression, les blancs chauds et les crèmes peuvent rendre la palette plus invitante et haut de gamme.

Pour les accents, le bleu teal et le bleu clair glacé ajoutent de la clarté sans briser l'ambiance. Si vous voulez une finition plus riche, les métalliques comme l'argent brossé (cool) ou l'or/bronze silencieux (chaud) peuvent élever le bleu marine foncé et le vert perpétuel.

Pour éviter la lourdeur, gardez une couleur «air» (presque blanc/gris très clair) comme fond principal, puis utilisez les deux couleurs les plus foncées pour la structure et le type.

Comment utiliser une palette de couleurs bleu vert foncé dans des créations réelles

Dans la conception de l'interface utilisateur, traitez le bleu marine comme ancre typographique (en-têtes, titres, chrome de l'interface utilisateur clé) et utilisez le vert foncé pour les états (survoler, sélectionné, réussi) afin que les interactions soient cohérentes. Réservez teal pour les actions primaires pour garder l'interface ciblée.

Pour la marque, assurez-vous que votre logo fonctionne dans une couleur foncée (bleu marine ou presque noir) et une couleur neutre claire. Ensuite, introduisez le vert foncé comme couleur de marque de soutien dans les emballages, les motifs ou les marques secondaires.

Dans les affiches et les graphismes sociaux, poussez le contraste: gardez les arrière-plans principalement bleu marine, utilisez un neutre clair pour les grands types et ajoutez le teal comme petite couleur "signal" pour les dates, les badges ou les icônes.

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

Si vous avez déjà des codes hexagonaux, vous pouvez générer des maquettes correspondantes en décrivant la mise en page (affiche, écran de l'application, emballage) et en indiquant où chaque couleur doit apparaître-arrière-plan, en-tête, boutons, accents.

Pour obtenir des résultats cohérents, réutilisez la même structure d'invite dans une campagne et n'échangez que le sujet (menu, dépliant, écrans d'intégration). Cela maintient l'éclairage, l'espacement et le style cohérents tandis que votre palette reste sur la marque.

Suivant: Palette de couleurs Camel