Idées de palettes de couleurs du métro (20 combinaisons + Hex)

Les palettes de couleurs Subway combinent des neutres industriels, des verts et des verts inspirés par les carreaux et des brillants de signal à haute visibilité, ce qui les rend instantanément lisibles et étonnamment polyvalents.

Que vous conceviez une interface utilisateur, une affiche, un paquet ou un système de marque, ces couleurs subway vous aident à créer une hiérarchie forte, un contraste clair et une ambiance urbaine moderne.

Pourquoi les Palettes de métro fonctionnent si bien

Les palettes de métro sont construites pour la clarté. Les Stations s'appuient sur une typographie à haut contraste, des formes simplifiées et des règles de couleur répétables, de sorte que ces combinaisons se traduisent naturellement par une marque, des affiches et des systèmes d'interface utilisateur propres.

Ils équilibrent également les tons frais de l'infrastructure (charbon de bois, ardoise, acier, béton) avec la chaleur humaine (sable, crème de papier, rouille, laiton). Ce contraste crée un look «ville-neutre» qui semble moderne sans être stérile.

Enfin, les combinaisons de couleurs du métro sont idéales pour la hiérarchie: des sombres profonds pour les titres, des lumières douces pour les surfaces et un ensemble limité d'accents pour les appels à l'action, les itinéraires, les badges ou les alertes.

20+ idées de Palette de couleurs de métro (avec Codes hexagonaux)

1) Plateforme Sage

hexagonal:#2f3a35#4f6b5b#9bb39a#e7e2d3#c59b4a

Humeur:Calme, à la terre, tranquillement urbain

Meilleur pour:Signalisation, marque de café et agencement du guide de la ville

Calmes et à la terre comme des colonnes d'acier peintes et des carreaux de station usés, ces verts se sentent tranquillement urbains. Le mélange équilibre le charbon-sauge profond avec un neutre doux et chaud et un accent laiton. Il fonctionne parfaitement pour les systèmes de signalisation, les menus et les marques de marque qui ont besoin de clarté sans crier. Astuce d'utilisation: Réservez le ton doré pour les flèches ou les étiquettes clés afin que la palette de couleurs subway reste lisible à distance.

Exemple d'Image de plateforme sage générée à l'aide de 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) charbon de bois de tourniquet

hexagonal:#1f2326#3a3f44#6b7076#d9d4c7#b45a3c

Humeur:Élégant, industriel, premium

Meilleur pour:Emballage de streetwear, conception d'étiquettes et marque monochrome

Élégant et industriel, il évoque les tourniquets, les planchers en caoutchouc et les déplacements tard dans la nuit. Les greis doux empêchent la gamme de charbon de se sentir lourde, tandis que l'accent de rouille ajoute une chaleur tactile, métal sur métal. Utilisez-le pour des emballages haut de gamme, des étiquettes suspendues et des systèmes de marque minimalistes qui ont besoin de retenue. Astuce d'utilisation: Imprimez le rust tone en tant que couleur spot sur stock mat pour une finition haut de gamme.

Exemple d'Image de charbon de bois de tourniquet généré à l'aide de media.io

3) Carrelage Teal

hexagonal:#0e4f5c#1e7a7a#67b7a2#f2efe6#f1b24a

Humeur:Frais, à motifs, rétro-moderne

Meilleur pour:menus de restaurants, modèles sociaux et affiches inspirées de tuiles

Frais et à motifs, ces teals rappelent des carreaux brillants et un éclairage de plate-forme cool. Le blanc cassé crémeux garde le décor aéré, et le pop ambré ajoute un point culminant vif. C'est une forte combinaison de couleurs de métro pour les menus, les publications sociales de cafés et les garanties de marque ludiques. Astuce d'utilisation: Répétez le bleu le plus foncé pour les titres et utilisez l'ambre uniquement pour les prix ou les appels à l'action.

Exemple d'Image de tilework teal généré avec media.io

4) Mapline moutarde

hexagonal:#3b3d3c#6a6f6d#d1a117#f4e6b4#3d6f8e

Humeur:Informatif, Optimiste, Accueillant pour les banlieues

Meilleur pour:Infographies, cartes de style transit et diaporamas

Informatif et optimiste, il ressemble à une carte d'itinéraire claire sous les lumières vives de la gare. Les tons de moutarde et de papier pâle gardent les gris accessibles, tandis que le bleu ajoute une couleur secondaire calme. Utilisez-le pour des infographies, des decks et des diagrammes où la hiérarchie est plus importante que la décoration. Astuce d'utilisation: Assignez la moutarde aux itinéraires primaires et gardez le bleu pour les liens secondaires afin que la mise en page se lise instantanément.

Exemple d'Image de mapline mustard généré en utilisant media.io

5) Acier et sable

hexagonal:#2a3036#55606b#a7b0b7#e8dcc7#b08a5a

Humeur:architectural, neutre, raffiné

Meilleur pour:Portefeuilles d'architecture, decks immobiliers et catalogues de produits

Architecturale et raffinée, ces tons rappelent l'acier brossé, le béton et la pierre chauffée par le soleil. La palette reste neutre mais jamais plate grâce aux notes de sable et de bronzage. Il convient aux portefeuilles, catalogues et mises en page où l'image doit rester sous contrôle. Astuce d'utilisation: Utilisez le sable léger comme arrière-plan de votre page pour rendre les bleus d'acier nets.

Exemple d'Image de steel & sand généré en utilisant media.io

6) Signal de néon

hexagonal:#0f1216#2c2f35#ffcc00#ff5a3d#2bd4c3

Humeur:Électrique, Énergie élevée, Vie nocturne

Meilleur pour:Dépliants d'événements, promotions musicales et publicités sociales audacieuses

Électrique et à haute énergie, il capture les lumières de signalisation traversant un tunnel sombre. Les couleurs presque noires vous donnent de l'espace pour le type, tandis que le jaune, le corail et l'aqua offrent un impact instantané. Utilisez-le pour les dépliants de la vie nocturne, les promotions de lancement et les publicités sociales qui ont besoin d'un point focal puissant. Astuce d'utilisation: Choisissez un néon comme héros et gardez les deux autres comme petits accents pour éviter le bruit visuel.

Exemple d'Image d'un signal néon généré à l'aide de media.io

7) Tunnel en brique

hexagonal:#3a1f1a#8b3e2f#c06b3e#e6d2bf#2f5d50

Humeur:Chaud, grineux, artisanal

Meilleur pour:Étiquettes de boissons artisanales, emballages alimentaires et affiches rustiques

Chaud et gras, il évoque des arches de briques, des affiches vieilles et la lueur des lampes de plateforme. Le neutre crème adoucit les rouges, et le vert foncé se lit comme des balustrades en métal peint. Il est idéal pour les étiquettes artisanales, les emballages de cafés et les affiches d'événements rustiques où la chaleur compte. Astuce d'utilisation: Gardez le brun le plus foncé pour le type pour maintenir le contraste sur le ton du papier plus clair.

Exemple d'Image d'un tunnel en brique généré à l'aide de media.io

8) Rail de minuit

hexagonal:#0b0f1a#1b2a41#3a5a7a#8aa6b8#e9e1d0

Humeur:Cinématographique, cool, Nocturne

Meilleur pour:Affiches de films, branding technologique et en-têtes de héros

Cinématographiques et nocturnes, ces blues ressemblent à des phares sur des pistes mouillées. Le bleu pâle et le blanc cassé chaud empêchent l'ambiance de devenir trop froide, vous laissant de la place pour une typographie lisible. Il s'agit d'un ensemble fiable de combinaisons de couleurs de subway pour les en-têtes de héros, les œuvres d'art en streaming et les pages de destination des marques technologiques. Astuce d'utilisation: Placez du texte blanc cassé sur les deux bleus les plus foncés et utilisez le bleu moyen pour les boutons.

Exemple d'Image de midnight rail généré en utilisant media.io

9) Menthe en béton

hexagonal:#2d3436#6b7c7a#9ad1c2#e7eceb#d18f5a

Humeur:Propre, apaisante, contemporaine

Meilleur pour:Utilisateur d'application de bien-être, tableaux de bord et newsletters modernes

Propre et apaisante, il suggère un béton poli associé à une lueur de verre menthe. Le neutre pâle maintient les écrans lumineux, tandis que l'accent argile chaude les empêche de se sentir cliniques. Utilisez-le pour les interfaces de bien-être, les modèles de courriel et les tableaux de bord où la clarté calme gagne. Astuce d'utilisation: Traitez la menthe comme votre couleur d'action principale et réservez l'argile pour les avertissements ou les points forts.

Exemple d'image de menthe béton générée avec media.io

10) Guichet Corail

hexagonal: #2b2a2f #5b4b57 #f26d6d #f7d6c9 #7aa0a5

Humeur: convivial, nostalgique, vivant

Meilleur pour: invitations de fête, cartes promotionnelles et branding de boutique

Chaleureux et nostalgique, il évoque les billets tamponnés et les lumières vintage de guichet. Le corail apporte la chaleur, tandis que les tons mauve poussiéreux et vert sarcelle équilibrent et créent une touche rétro. Utilisez-le pour des invitations, des cartes promo ou des marques de boutique en quête de charme sans tomber dans le pastel mignon. Astuce : associez le corail avec le neutre le plus foncé pour les titres afin de conserver un texte net.

Exemple d'image de guichet corail générée avec media.io

11) Pastel Graffiti

hexagonal: #3b3b3b #a9c7d8 #f2b6c6 #f7e7a7 #b8e0c8

Humeur: ludique, léger, créatif

Meilleur pour: papeterie pour enfants, lots d’autocollants et graphiques web joyeux

Joyeux et léger, il évoque des marques de peinture crayeuses sur un mur sombre. Les pastels restent doux mais pas sucrés grâce à l’anthracite. Parfait pour la papeterie, les stickers et les marques sympathiques où la douceur a besoin de structure. Astuce : utilisez les contours anthracite avec parcimonie pour conserver la légèreté des pastels.

Exemple d'image de pastel graffiti générée avec media.io

12) Bleu Marine Urbain

hexagonal: #0f1a2b #233b5e #4f6f8f #c9d1d8 #c28f3a

Humeur: professionnel, stable, confiant

Meilleur pour: rapports d’entreprise, branding SaaS, et pages riches en données

Professionnel et stable, ce bleu marine rappelle les uniformes et rampes brillantes. Le gris bleu clair permet une bonne lisibilité, tandis que l’accent bronze ajoute une touche premium. Pour rapports, branding SaaS et pages données qui nécessitent confiance et calme. Astuce : gardez le bronze pour les chiffres-clés ou icônes pour ne pas réchauffer l’ensemble.

Exemple d'image de bleu marine urbain générée avec media.io

13) Affiche Vintage

hexagonal: #2e2a25 #6f5b3e #c8a46a #e9d7b6 #a23d2d

Humeur: rétro, chaleureux, collectionnable

Meilleur pour: affiches rétro, couvertures de livres et décoration murale de café

Rétro et collectionnable, cela rappelle le papier vieilli, l’encre sépia et la pub de gare ancienne. L’accent brun-rouge dynamise sans casser le style vintage. Idéal en couvertures livre, impressions murales de café ou branding patrimonial. Astuce : ajoutez un grain subtil mais gardez le texte dans le brun le plus foncé pour la lisibilité.

Exemple d'image d’affiche vintage générée avec media.io

14) Station Pluvieuse

hexagonal: #1d232a #39424e #6c7f8f #b8c2c9 #e2d3c2

Humeur: atmosphérique, doux, réflexif

Meilleur pour: mises en page éditoriales, préréglages photo et thèmes de blog

Doux et atmosphérique, il évoque la pluie sur les vitres et la lumière floue des quais. Les gris froids donnent de la profondeur, le beige chaud préserve les tons chairs et produits d’apparence froide. Idéal pour templates éditoriaux, thèmes de blog ou identité discrète. Astuce : mettez les titres en quasi-noir et utilisez le beige chaud en surlignage derrière les citations.

Exemple d'image de station pluvieuse générée avec media.io

15) UI Transport Propre

hexagonal: #111827 #334155 #94a3b8 #f1f5f9 #22c55e

Humeur: net, fonctionnel, moderne

Meilleur pour: UI d’application, parcours réservation, composants d’interface

Net et fonctionnel, ces tons rappellent des écrans soignés et des affichages clairs. Les neutres ardoise calment la mise en page, le vert assure un état de réussite sûr. Excellent pour parcours de réservation, navigation ou interfaces accessibles. Astuce : gardez la teinte la plus claire en fond et le vert pour les confirmations, pas pour la navigation principale.

Exemple d'image d’UI transport propre générée avec media.io

16) Marché du Weekend

hexagonal: #2a2e2b #5d6b5a #c2b280 #e8e0d0 #d66a4a

Humeur: naturel, accueillant, décontracté

Meilleur pour: branding de marché, tote bags et packaging lifestyle

Naturel et accueillant, il évoque des sacs en toile de jute, des étals feuillus et des snacks chauds de rue. L’olive et le sable forment la base, la terre cuite donne du peps. À utiliser pour la signalétique de marché, le packaging lifestyle et logos dessinés main. Astuce : limitez la terre cuite aux petits tampons ou icônes, pour garder la part belle aux neutres.

Exemple d'image de marché du weekend générée avec media.io

17) Monochrome Minimaliste

hexagonal: #0f0f10 #2a2a2d #56565b #b5b5bb #f2f2f4

Humeur: minimal, net, intemporel

Meilleur pour: sites portfolio, affiches typographiques, UI de luxe

Minimal et net, il évoque une belle typo sur pierre polie. Les gris glissent du quasi-noir au blanc doux, offrant une hiérarchie lisible sans couleur en plus. Utilisez-le pour les portfolios, interfaces premium et posters typographiques où l’espacement fait tout. Astuce : créez le contraste par la graisse et la taille, pas des couleurs de plus.

Exemple d'image de monochrome minimaliste générée avec media.io

18) Plateforme Couchant

hexagonal: #2d2a2e #7a3e3e #e07a5f #f2cc8f #81b29a

Humeur: chaleureux, optimiste, créatif

Meilleur pour: campagnes saisonnières, affiches de café, réseaux lifestyle

Chaud et optimiste, il évoque la lumière du soir sur le quai. Les tons corail et miel dynamisent, le vert atténué garde la sobriété. Idéal pour campagnes saisonnières, affiches café et templates réseaux. Astuce : fonds en miel ou crème et laissez le corail gérer les appels à l’action.

Exemple d'image de plateforme couchant générée avec media.io

19) Tuyau de Cuivre

hexagonal: #1e1d1b #4a3b34 #b87333 #d8c3b3 #2d6a6a

Humeur: artisanal, naturel, boutique

Meilleur pour: publicité produit, branding maison, accents packaging

Artisanal et brut, il évoque les tuyaux de cuivre, les outils d’atelier et le métal patiné. Le beige rosé adoucit les bruns, le bleu sarcelle offre le contraste frais. Idéal branding maison, pub produit, packaging à allure fait-main mais moderne. Astuce : laissez le cuivre dominer les étiquettes et le sarcelle pour les macarons secondaires.

Exemple d'image de tuyau de cuivre générée avec media.io

20) Matin Calme

hexagonal: #22262a #5e6b73 #a8b6bd #e9e6df #8fa67a

Humeur: doux, aéré, subtil

Meilleur pour: en-têtes de blog, papeterie, systèmes de marque calmes

Doux et aéré, il évoque la lumière du matin sur l’acier et une touche de verdure. Les gris froids modernisent, le vert doux donne vie, sans excentricité. Idéal pour papeterie, entêtes de blog et branding apaisant. Astuce : appliquez le vert aux séparateurs et icônes pour un ensemble serein.

Exemple d'image de matin calme générée avec media.io

Quelles couleurs vont bien avec le métro?

Les couleurs métro s’associent idéalement à des neutres structurés : anthracite, ardoise, bleu acier, béton. Ces teintes forment une base solide qui rappelle les matériaux réels en station et gardent les compositions rigoureuses.

Pour plus de chaleur, apportez des tons papier, sable, beige, rouille, terre cuite ou accents laiton-doré. Ce jeu chaud/froid donne à la palette métro son esprit urbain et vivant.

Pour plus d’audace, ajoutez un seul accent “signal” style jaune néon, rouge corail ou aqua. En gardant le reste atténué, l’accent vif fonctionne comme une signalétique urbaine — rapide et intentionnelle.

Comment utiliser une Palette de couleurs de métro dans des modèles réels

Démarrez par les rôles, pas juste des couleurs : une sombre pour texte/navigation, une claire pour fonds/surfaces, une accent pour actions. Les palettes métro fonctionnent car elles sont assignées avec constance, comme les lignes et labels de gare.

Assurez un contraste fort pour titres et étiquettes UI (surtout mobile). Si vous utilisez du vert ou sarcelle, privilégiez fond beige/crème pour garder la fraîcheur et la lisibilité des tons froids.

En print, les palettes métro brillent sur papier mat ou non couché. Utilisez la rouille, le laiton ou le moutarde comme accent sparing style timbre, flèche, étiquette prix ou info-clé.

Créez des visuels de Palette de métro avec l'IA

Pour voir votre palette métro in situ, générez des maquettes rapides — menus, infographies plan métro, écrans app, étiquettes, affiches — avant impression.

Avec l’outil text-to-image de Media.io, collez un prompt comme les exemples ci-dessus, décrivez la mise en page et l’ambiance, puis itérez les styles tout en gardant la cohérence palette urbaine.

Une fois votre direction retenue, réutilisez ce format de prompt pour créer un ensemble visuel cohérent sur votre marque ou campagne.

Suivant : Palette de couleurs Iris