Palettes de couleurs vert marine : codes hexadécimaux et conseils

Le vert et le bleu marine sont une combinaison intemporelle: les verts vers la nature apportent de la fraîcheur, tandis que le bleu marine ajoute de la profondeur, de la structure et de la confiance.

Vous trouverez ci-dessous des palettes de couleurs vert bleu marine prêtes à l'utilisation avec des codes hexagonaux, des notes d'humeur et des conseils pratiques pour la marque, l'interface utilisateur, l'emballage et l'impression.

Pourquoi les Palettes bleu marine fonctionnent si bien

Le vert et le bleu marine équilibrent l'émotion et la crédibilité: le vert signale la croissance, la santé et la stabilité, tandis que la marine communique l'intelligence, le professionnalisme et l'autorité calme.

Ce jumelage est naturellement à haut contraste sans se sentir dur. La marine peut ancrer la typographie et la navigation, et le vert peut orienter l'attention sur les actions, les points forts et les informations clés.

Parce que les deux couleurs ont de fortes associations dans le monde réel (océans, forêts, ciel nocturne), les palettes bleu marine vert semblent souvent «déjà marquées», ce qui les rend idéales pour les systèmes d'interface utilisateur, l'emballage et les mises en page éditoriales.

20+ Idées de Palette de couleurs bleu marine vert (avec Codes hexagonaux)

1) Côte persistante

hexagonal:#0B3D2E#0A2342#1F6F5B#7FC8A9#F2F6F4

Humeur:Frais, calme, côtier

Meilleur pour:UI de la page de destination de la marque wellness

L'air frais de la mer et les dunes persistantes donnent à cet ensemble une sensation propre et confiante. Utilisez la marine profonde pour les en-têtes et la navigation, puis apportez les verts pour les boutons et les points forts. Le blanc cassé pâle garde les aménagements respirants et modernes. Astuce: Réservez le ton menthe pour les actions secondaires afin que les CTA primaires restent clairs.

Exemple d'Image de coastal evergreen généré en utilisant media.io

Media.io

Media.io est un studio d'IA en ligne pour la création et l'édition de vidéos, d'images et d'audio dans votre navigateur.

Essayez-le maintenant gratuitement

2) Conservatoire de minuit

hexagonal:#081A2B#123B2A#2A6F62#B8D8C2#E9E2D0

Humeur:moody, raffiné, botanique

Meilleur pour:Éditorial magazine spread

Les ombres de serre humeureuses et les feuilles brillantes donnent un ton raffiné et inspiré par l'histoire. Laissez la marine encrée porter le texte du corps et les règles, tandis que les ancres vertes foncées tirent des guillemets. Utilisez le beige chaud comme couleur de papier pour éviter un look froid et trop numérique. Astuce: Gardez l'accent bleu pour les petits motifs et les marqueurs de section pour une finition premium.

Exemple d'Image de midnight conservatory généré avec media.io

3) Pin de port

hexagonal:#e2a47#0F4C3A#2D8A7A#C7EFCF#F7FAF8

Humeur:croustillant, nautique, plein air

Meilleur pour:Page d'accueil du commerce électronique du matériel extérieur

L'air frais du port et les sentiers bordés de pins rendent le contraste énergique et prêt à plein air. Cette palette de couleurs bleu marine vert fonctionne mieux lorsque le bleu marine gère les éléments de prix et de confiance, tandis que le vert prend le relais des badges et des moments d'ajout au panier. Gardez la menthe légère pour les panneaux d'arrière-plan et les commentaires pour maintenir la clarté. Astuce: Utilisez le teal comme état de survolage pour montrer l'interactivité sans ajouter de nouvelles couleurs.

Exemple d'Image de Harbour pine généré avec media.io

4) encre émeraude

hexagonal:#071821#145A4C#1E9B83#A9E5D1#F1EEE7

Humeur:Elégant, moderne, à haut contraste

Meilleur pour:Écrans d'interface utilisateur de l'application mobile fintech

Les tons d'encre élégants associés à la lumière émeraude sont modernes et dignes de confiance. Utilisez la marine presque noire pour les arrière-plans et les graphiques, puis comptez sur l'émeraude pour les actions principales et les indicateurs clés. La menthe douce apporte l'accessibilité aux cartes et aux formulaires sans laver le contenu. Astuce: Gardez saturated teal à des états de succès et des micro-highlights afin que l'interface reste calme.

Exemple d'Image d'encre émeraude générée à l'aide de media.io

5) Nuit de la forêt tropicale

hexagonal:#061521#0B3F2E#2F7D6A#9FD6C0#D9D1C3

Humeur:Luxuriant, cinématographique, à la terre

Meilleur pour:Emballage de café artisanal

La profondeur luxuriante de la forêt tropicale et l'éclairage du café tard dans la nuit créent une ambiance cinématographique à la terre. Mettez le bleu marine foncé sur le sac comme base, puis couchez le vert riche pour les blocs de marque et les étiquettes. Le brun doux fonctionne bien pour les notes de dégustation et la petite typographie. Astuce: Stampez l'accent teal avec modération pour mettre en valeur l'origine ou le niveau de rôtissage sans encombrement.

Exemple d'Image de la nuit de forêt tropicale générée en utilisant media.io

6) Blueprint de genévrier

hexagonal:#0A1E3A#0C5B45#3AAE9B#D0F0E6#F3F5F7

Humeur:Technique, propre, optimiste

Meilleur pour:UI de tableau de bord SaaS B2B

La précision de Blueprint avec un élévateur juniper rend les données accessibles plutôt que intimidantes. Utilisez le bleu marine pour les graphiques, les tableaux et les barres latérales, puis appliquez le vert aux badges de statut et aux bascules de touches. Le pale aqua est idéal pour les états vides et les sectionnements subtils. Astuce: Gardez teal pour un KPI remarquable afin que le tableau de bord ait une hiérarchie visuelle claire.

Exemple d'Image de juniper blueprint généré à l'aide de media.io

7) Algues et voile

hexagonal:#0C2B3C#0E4D3C#4DB6A6#BFE6D9#FFF6E8

Humeur:Vent, convivial, moderne

Meilleur pour:Conception d'affiche d'événement d'été

Les vibes de port de plaisance et le papier blanchi au soleil donnent aux couleurs un charme facile et convivial. Ces combinaisons de couleurs bleu marine vert brillent sur les affiches où les titres bleu marine ont besoin d'une forte lisibilité et le vert supporte les sous-titres et les icônes. Utilisez la crème chaude comme fond pour la garder saisonnière et accueillante. Astuce: Ajoutez une seule forme teal derrière la date pour faire apparaître l'information à distance.

Exemple d'Image de seaweed & sail généré en utilisant media.io

8) Cèdre et mer profonde

hexagonal:#071F2D#164A3B#2E8B74#8FD3B5#E8E6DE

Humeur:Classique, fiable, chaleureux

Meilleur pour:branding de cabinet d'avocats ou conseil

La chaleur classique du cèdre associée au bleu marine de la mer profonde est stable et digne de confiance. Utilisez le bleu marine pour la marque de mots et le type primaire, puis apportez le vert cèdre pour les marques secondaires et les diviseurs de section. Le gris doux empêche la papeterie et les pages web de se sentir dures. Astuce: Choisissez un vert pour les actifs de marque et réservez la menthe plus claire strictement pour les arrière-plans.

Exemple d'Image de cedar & deep sea généré en utilisant media.io

9) Crépuscule alpin

hexagonal:#0A1B2E#0D3B2D#3E7F6B#B7E0D3#F7F3EA

Humeur:Croustillant, serein, élevé

Meilleur pour:Disposition de la brochure spa

L'air alpin frais au crépuscule donne à la palette une sensation sereine mais élevée. Associez les titres bleu marine avec un espace blanc généreux, puis utilisez le vert atténué pour les en-têtes de section et les icônes. La menthe claire est parfaite pour les dégradés doux et les arrière-plans de panneau en impression. Astuce: Gardez le contraste élevé pour une petite copie en la plaçant sur le blanc cassé chaud, pas sur la menthe.

Exemple d'Image de alpine twilight généré en utilisant media.io

10) Port de Mossy

hexagonal:#0B2239#1B5E4B#2FAE9A#CDEFE7#F0EEE9

Humeur:Accessible, contemporain, calme

Meilleur pour:Rapport annuel sans but lucratif

Les quais couverts de mousse et l'eau calme donnent une sensation accessible et contemporaine. Laissez la marine gérer la lisibilité à long terme et utilisez le vert comme signal cohérent pour les programmes, les indicateurs d'impact et les appels. Le pale aqua fait de superbes bandes d'arrière-plan pour les graphiques et les infographies. Astuce: Répétez le teal uniquement dans les points saillants des données pour garder le rapport cohérent et facile à scanner.

Exemple d'Image de mossy harbor généré avec media.io

11) Épineuse Teal Minimal

hexagonal:#0B1F33#0F4E3A#1F8E7A#A7DDC9#FFFFFF

Humeur:Minimale, nette, numérique

Meilleur pour:Flux d'interface utilisateur d'intégration du produit

Le contraste Minimal grâce à un ascenseur bleu épicéa permet de garder la sensation d'embarquement nette et confiante. Utilisez le blanc comme toile principale, le bleu marine pour les titres et le vert pour les indicateurs de progrès. Le teal fonctionne bien pour les micro-interactions conviviales telles que les conseils d'outils et les bascules. Conseil: Gardez les formulaires essentiellement neutres et utilisez la couleur uniquement pour confirmer les étapes réussies.

Exemple d'Image de teal spruce minimal généré en utilisant media.io

12) Bouteille Vert & Admiral

hexagonal:#091B2A#0E3A2B#1E6B57#6FC3A8#EFE7D8

Humeur:patrimoine, premium, composé

Meilleur pour:Conception d'étiquette de spiritueux

Heritage bottle green contre admiral navy se sent haut de gamme et composé. Utilisez le bleu marine pour le travail de base et de bordure de l'étiquette, puis introduisez le vert de bouteille dans les emblèmes, les sceaux et les blocs de texte secondaires. Le ton chaud du parchemin empêche le design de se sentir trop froid ou corporatif. Astuce: Utilisez l'accent menthe uniquement pour un petit numéro de lot ou une marque d'attribution.

Exemple d'Image de bottle green & admiral généré en utilisant media.io

13) Chute de nuit de verre de mer

hexagonal:#081E2F#0B4A3A#4EC1B1#BFEDE7#FAF7F0

Humeur:Léger, aéré, moderne

Meilleur pour:suite d'invitation de mariage

Seaglass glow à la tombée de la nuit se sent aéré, moderne et tranquillement romantique. Définissez le bleu marine pour les noms et le type formel, et utilisez le vert pour les petits ornements, les règles et les détails de RSVP. L'aqua pâle fait un beau lavage derrière des monogrammes ou des illustrations de lieux. Astuce: Gardez les embellissements au minimum afin que l'accent teal se lise comme intentionnel, pas comme un bruit décoratif.

Exemple d'Image de seaglass nightfall généré en utilisant media.io

14) Utilitaire de la marine forestière

hexagonal:#0A2138#134E3A#2D7F66#9ADBC6#EDEBE6

Humeur:Pratique, robuste, fiable

Meilleur pour:Vêtements de travail Produit Annonce

Les tons utilitaires robustes se sentent fiables, comme la toile usée et l'ombre de la forêt. Utilisez le bleu marine comme arrière-plan du héros pour des photos de produits à haut contraste, puis appliquez le vert pour les callouts de caractéristiques et les icônes de spécifications. La menthe fonctionne mieux comme un panneau dégradé subtil derrière le texte. Conseil: Gardez les remplissages d'icônes cohérents dans un seul vert pour éviter l'encombrement visuel entre les modules.

Exemple d'Image de forest navy utilitaire généré à l'aide de media.io

15) Canopy après la nuit

hexagonal:#061A29#0D3D30#1E7C67#7FD0B9#F5F1E8

Humeur:Mystérieux, luxuriant, élégant

Meilleur pour:Conception de menu de restaurant

Des ombres mystérieuses et des verts aux chandelles créent une ambiance élégante pour le dîner. Cette palette de couleurs bleu marine vert est idéale pour les menus où les titres bleu marine semblent haut de gamme et les verts mettent en valeur des spécialités ou des icônes diététiques. Utilisez le blanc cassé chaud comme base de papier pour garder le texte lisible. Astuce: Limitez la menthe brillante à une seule zone, comme un badge de recommandation de chef, pour un impact maximal.

Exemple d'Image de canopy after dark généré en utilisant media.io

16) Maritime frappée

hexagonal:#0C2742#145B49#57BFA7#D3F3EA#FFFDF7

Humeur:Lumineux, optimiste, propre

Meilleur pour:Emballage de boîte d'abonnement

Des tons maritimes vifs avec un ascenseur menthe se sentent optimistes et propres. Utilisez le bleu marine pour la base extérieure de la boîte et la typographie, puis apportez le vert dans le travail de motifs ou les marques de marque. Le pale aqua est parfait pour les détails d'impression intérieure et les moments de déboîtage. Astuce: Imprimez teal sur de petites répétitions géométriques afin qu'il se lise vivement sans submerger le nom de la marque.

Exemple d'Image de minted maritime généré en utilisant media.io

17) Serif de lagon profond

hexagonal:#071D33#0E4A3A#3C9B86#B8E8D9#E7E1D4

Humeur:littéraire, culturel, composé

Meilleur pour:conception de couverture de livre

Les couleurs lagunaires profondes avec une ambiance serif se sentent littéraires et culturelles. Utilisez le bleu marine comme champ dominant pour le contraste du titre, et appliquez les verts aux bandes de nom d'auteur ou aux superpositions d'illustration subtiles. Le gris chaud empêche la couverture de devenir trop vive. Astuce: Choisissez soit le teal ou la menthe pour les accents, pas les deux, pour maintenir un point focal fort.

Exemple d'Image de serif deep lagoon généré à l'aide de media.io

18) Technique de jardin

hexagonal:#0A233A#11624E#22A68C#A6E3D2#F4F7F6

Humeur:smart, propre, éco-moderne

Meilleur pour:UI de l'application smart home

L'énergie intelligente et éco-moderne vient comme un jardin bien rangé avec des capteurs bien réglés. Utilisez navy pour la navigation et les cartes d'appareils, puis attribuez le vert aux états actifs et à l'état du système. La menthe pâle constitue un excellent arrière-plan pour les règles et les horaires d'automatisation. Conseil: Gardez teal réservé à un style de contrôle interactif afin que les utilisateurs apprennent rapidement les modèles.

Exemple d'Image de garden tech généré à l'aide de media.io

19) Denim Evergreen

hexagonal:#0B2A3F#0F513E#2E8E77#92D9C4#F6F0E6

Humeur:Décontracté, Confiant, Jeune

Meilleur pour:page de lookbook de streetwear

denim décontracté bleu marine avec profondeur evergreen se sent confiant et jeune. Le vert fonctionne bien pour les étiquettes de taille, les gouttes et les badges en édition limitée, tandis que la marine ancre les titres et les prix. Le blanc cassé chaud empêche les photos et la typographie de se battre pour l'attention. Astuce: Utilisez le ton menthe derrière les guillemets pour briser de longues pages de défilement.

Exemple d'Image de evergreen denim généré en utilisant media.io

20) Herbarium de la marine

hexagonal:#061B2D#0C4737#2F8F7A#BEE8D8#F9F6EE

Humeur:Naturel, doux, artisanal

Meilleur pour:illustration botanique Imprimer

Les tons d'herbarium doux semblent naturels et artisanaux, comme des feuilles pressées sur du papier vieilli. Ces combinaisons de couleurs bleu marine vert fonctionnent magnifiquement avec des textures aquarelles et des lignes fines. Utilisez le bleu marine pour les contours et les sous-titres, et laissez les verts remplir le feuillage avec une variation douce. Conseil: Gardez la menthe légère comme espace négatif pour préserver ce look aéré et ressemblant à une galerie.

Exemple d'Image de navy herbarium généré à l'aide de media.io

21) Contraste de marée

hexagonal:#0A2140#0E5A45#35B49B#D1F6EE#EEE5D6

Humeur:ludique, punchy, frais

Meilleur pour:Modèle de deck de pitch de démarrage

La luminosité Tidepool contre le bleu profond apporte un contraste ludique et percutant. Utilisez le bleu marine pour les titres des diapositives et les graphiques, puis faites du vert votre couleur cohérente pour la croissance, la traction et les mesures positives. Le pale aqua est idéal pour les diviseurs de sections et les blocs d'arrière-plan derrière les diagrammes. Astuce: Traitez le teal comme votre unique couleur de projecteur pour les chiffres clés afin que l'histoire reste concentrée.

Exemple d'Image de contraste tidepool généré à l'aide de media.io

22) Transit nocturne verdoyant

hexagonal:#081B2A#0F3E31#1F7A64#74CBB4#F2F4F3

Humeur:Urbain, efficace, moderne

Meilleur pour:Carte de transit et système de signalisation

Le transport urbain nocturne energy est efficace, moderne et facile à naviguer. Une combinaison de couleurs bleu marine vert permet de rester lisible, avec le bleu marine pour les itinéraires de base et le vert pour les points forts de ligne et les marqueurs de station. Utilisez les tons clairs pour les arrière-plans accessibles et les panneaux de légende. Astuce: normalisez les traits des icônes en bleu marine afin que la couleur seule communique la priorité de l'itinéraire.

Exemple d'Image de verdant night transit généré à l'aide de media.io

Quelles couleurs vont bien avec le bleu marine vert?

Les neutres chauds sont la victoire la plus facile: ivoire, crème, gris chaud et parchemin adoucissent le sérieux de la marine et gardent le vert naturel plutôt que le néon. Ils sont particulièrement solides pour l'impression, l'emballage et les mises en page éditoriale.

Pour les accents, teal et menthe créent une atmosphère moderne «fresh tech», tandis que les métalliques comme l'or (ou un ton de laiton chaud) peuvent rendre le schéma haut de gamme. Si vous avez besoin de plus de contraste, introduisez un presque noir ou un charbon de bois pour le texte et les bordures de l'interface utilisateur.

Pour éviter le bruit visuel, choisissez une famille d'accents (teal/menthe ou métallique chaud/terre cuite) et gardez-la cohérente entre les boutons, les points forts et les points de données.

Comment utiliser une Palette de couleurs bleu marine vert dans des modèles réels

Assignez d'abord des rôles: utilisez la marine pour les fondements (en-têtes, navigation, texte de corps, graphiques) et le vert pour la signification (états de réussite, basculements actifs, badges et CTA). Cela crée une hiérarchie prévisible que les utilisateurs apprennent rapidement.

Utilisez des teintes claires (blanc cassé, menthe pâle, beige chaud) comme système d'arrière-plan pour les cartes, les sections et les espacements. Cela garde la palette lisible et empêche la marine foncée de dominer la page.

Pour le branding, choisissez un vert principal et un bleu marine principal, puis traitez les autres nuances comme des tons d’accompagnement. Cela permet à votre logo, à votre emballage et à votre interface utilisateur de rester unifiés sur différents supports et dans différentes conditions de lumière.

Créez des visuels de Palette vert bleu marine avec l'IA

Si vous voulez voir ces palettes en action, générez rapidement des maquettes d’écrans UI, d’affiches, d’emballages et de planches de marque à l’aide de prompts textuels. Cela vous aide à valider le contraste, l’ambiance et la hiérarchie avant de lancer la production.

Avec Media.io, vous pouvez transformer une idée de palette en plusieurs directions de design en quelques minutes, puis itérer en ajustant la lumière, les textures, le style de mise en page et la dominance des couleurs.

Suite : Palette de couleurs Noir Rouge