As paletas de cores da Subway combinam neutros industriais, verdes e azuis inspirados em azulejos e brilhantes de sinal de alta visibilidade – tornando-as instantaneamente legíveis e surpreendentemente versáteis.
Quer você esteja projetando uma interface do usuário, cartaz, pacote ou sistema de marca, essas cores do metrô ajudam você a construir uma hierarquia forte, contraste claro e um clima urbano moderno.
Neste artigo
- Por que as paletas do metrô funcionam tão bem
-
- Plataforma sage
- Carvão turnstile
- Azulejos azul
- mapline mostarda
- Aço e areia
- sinal de neon
- túnel de tijolos
- ferroviário meia-noite
- hortelã de concreto
- Bilheteira coral
- graffiti pastel
- Marinha commuter
- Cartaz vintage
- estação chuvosa
- ui de trânsito limpo
- Mercado de fim de semana
- Mínimo monocromático
- Plataforma do pôr do sol
- Tubo de cobre
- manhã tranquila
- Quais cores combinam bem com Subway?
- Como usar uma paleta de cores do metrô em projetos reais
- Crie visuais de paleta de metrô com IA
Por que as paletas do metrô funcionam tão bem
As paletas do Subway são construídas para clareza. As estações dependem de tipografia de alto contraste, formas simplificadas e regras de cores repetíveis – então essas combinações se traduzem naturalmente em marcas, pôsteres e sistemas de interface do usuário limpos.
Eles também equilibram os tons frios da infraestrutura (carvão, ardósia, aço, concreto) com o calor humano (areia, creme de papel, ferrugem, latão). Esse contraste cria um visual "neutro da cidade" que parece moderno sem ser estéril.
Finalmente, as combinações de cores do metrô são ótimas para hierarquia: escuras profundas para cabeçalhos, luzes suaves para superfícies e um conjunto limitado de sotaques para chamadas à ação, rotas, crachás ou alertas.
20+ ideias de paleta de cores do metrô (com códigos hexagonais)
1) Plataforma Sage
hexagonal:#2f3a35#4f6b5b#9bb39a#e7e2d3#c59b4a
humor:Calmo, aterrado, tranquilamente urbano
Melhor para:Sinalização de wayfinding, branding de cafés e layouts de guia da cidade
Calmas e aterradas como colunas de aço pintadas e azulejos de estação desgastados, essas greens parecem tranquilamente urbanas. A mistura equilibra profunda carvão-sálvia com um neutro suave e quente e um sotaque semelhante ao latão. Funciona perfeitamente para sistemas de sinalização, menus e marcas de marca que precisam de clareza sem gritar. Dica de uso: reserve o tom dourado para setas ou etiquetas de chave para que a paleta de cores do metrô permaneça legível à distância.
Exemplo de imagem da plataforma sage gerada usando media.io
Media.io é um estúdio de IA online para criar e editar vídeo, imagem e áudio em seu navegador.
2) Carvão do torniquete
hexagonal:#1f2326#3a3f44#6b7076#d9d4c7#b45a3c
humor:Elegante, industrial, premium
Melhor para:Embalagem de streetwear, design de etiquetas e marca monocromática
Elegante e industrial, evoca torniquetes, pisos de borracha e deslocamentos noturnos. greiges macios mantêm a gama de carvão de parecer pesada, enquanto o sotaque de ferrugem adiciona um calor tátil, metal sobre metal. Use-o para embalagens premium, etiquetas penduradas e sistemas de marca minimalistas que precisam de borda com contenção. Dica de uso: Imprima o tom de ferrugem como uma cor pontual em stock fosco para um acabamento sofisticado.
Exemplo de imagem de carvão de torniquete gerado usando media.io
3) azulejos azul
hexagonal:#0e4f5c#1e7a7a#67b7a2#f2efe6#f1b24a
humor:Fresco, padrão, retro-moderno
Melhor para:menus de restaurantes, modelos sociais e cartazes inspirados em telhas
Frescos e estampados, esses azuis trazem à mente azulejos brilhantes e iluminação de plataforma legal. O branco cremoso mantém o set arejado, e o pop âmbar adiciona um destaque animado. É uma forte combinação de cores do metrô para menus, postagens sociais de cafés e colateral brincalhão da marca. Dica de uso: Repita o azul mais escuro para cabeçalhos e use âmbar apenas para preços ou chamadas à ação.
Exemplo de imagem de Teilwork teal gerado usando media.io
4) Mapline mostarda
hexagonal:#3b3d3c#6a6f6d#d1a117#f4e6b4#3d6f8e
humor:Informacional, Optimista, Adequado para viajantes
Melhor para:Infográficos, mapas em estilo de trânsito e decks de slides
Informacional e otimista, parece um mapa de rota claro sob luzes brilhantes da estação. Mostarda e tons de papel pálidos mantêm os cinzas acessíveis, enquanto o azul adiciona uma cor de linha secundária calma. Use-o para infográficos, decks e diagramas onde a hierarquia é mais importante do que a decoração. Dica de uso: Atribua mostarda para rotas primárias e mantenha azul para links secundários para que o layout seja lido instantaneamente.
Exemplo de imagem de mapline mustard gerado usando media.io
5) Aço e areia
hexagonal:#2a3036#55606b#a7b0b7#e8dcc7#b08a5a
humor:Arquitetônico, neutro, refinado
Melhor para:Portfólios de arquitetura, decks imobiliários e catálogos de produtos
Arquitetônico e refinado, esses tons lembram aço escovado, concreto e pedra aquecida pelo sol. A paleta permanece neutra, mas nunca plana graças às notas de areia e bronzeado. Ele se adapta a portfólios, catálogos e layouts onde as imagens devem manter o controle. Dica de uso: use a areia clara como fundo da página para fazer com que os azuis de aço se sintam nítidos.
Exemplo de imagem de steel & sand gerado usando media.io
6) sinal de Neon
hexagonal:#0f1216#2c2f35#ffcc00#ff5a3d#2bd4c3
humor:Elétrico, Alta energia, Vida noturna
Melhor para:Folhetos de eventos, promoções musicais e anúncios sociais ousados
Elétrico e de alta energia, captura luzes de sinal cortando um túnel escuro. As cores quase pretas dão espaço para o tipo, enquanto o amarelo, o coral e a água proporcionam um impacto instantâneo. Use-o para folhetos de vida noturna, lançar promoções e anúncios sociais que precisam de um ponto focal forte. Dica de uso: Escolha um neon como o herói e mantenha os outros dois como pequenos sotaques para evitar ruído visual.
Exemplo de imagem de sinal de neon gerado usando media.io
7) Túnel de tijolo
hexagonal:#3a1f1a#8b3e2f#c06b3e#e6d2bf#2f5d50
humor:Quente, gritty, artesanal
Melhor para:Etiquetas de bebidas artesanais, embalagens de alimentos e pôsteres rústicos
Quente e arenoso, evoca arcos de tijolos, cartazes antigos e o brilho de lâmpadas de plataforma. O creme neutro suaviza os vermelhos, e o verde profundo se lê como grades de metal pintados. É ideal para etiquetas artesanais, embalagens de cafés e cartazes de eventos rústicos onde o calor importa. Dica de uso: Mantenha o marrom mais escuro para tipo para manter o contraste no tom mais claro do papel.
Exemplo de imagem de túnel de tijolo gerado usando media.io
8) Trilho da meia-noite
hexagonal:#0b0f1a#1b2a41#3a5a7a#8aa6b8#e9e1d0
humor:Cinematográfico, Legal, Noturno
Melhor para:Cartazes de filmes, branding tecnológico e cabeçalhos de heróis
Cinematográfico e noturno, esses blues parecem faróis em trilhas molhadas. O azul pálido e o branco quente mantêm o clima de ficar muito frio, dando-lhe espaço para tipografia legível. É um conjunto confiável de combinações de cores do subway para cabeçalhos de heróis, artwork de streaming e páginas de destino de marcas de tecnologia. Dica de uso: Coloque texto branco fora dos dois azuis mais escuros e use o azul médio para botões.
Exemplo de imagem de midnight rail gerado usando media.io
9) hortelã de concreto
hexagonal:#2d3436#6b7c7a#9ad1c2#e7eceb#d18f5a
humor:Limpo, calmante, contemporâneo
Melhor para:UI do aplicativo de bem-estar, painéis e newsletters modernos
Limpo e calmante, sugere concreto polido emparelhado com um brilho de vidro menta. O neutro pálido mantém as telas brilhantes, enquanto o sotaque de argila quente impede que pareça clínico. Use-o para interfaces de bem-estar, modelos de e-mail e painéis onde a clareza calma vence. Dica de uso: Tratar a hortelã como sua cor de ação primária e reservar argila para avisos ou destaques.
Exemplo de imagem de menta de concreto gerada usando media.io
10) Bilheteria Coral
hexagonal: #2b2a2f #5b4b57 #f26d6d #f7d6c9 #7aa0a5
humor: amigável, nostálgico, animado
Melhor para: convites para festas, cartões promocionais e branding de boutiques
Amigável e nostálgico, parece ingressos carimbados e iluminação vintage de bilheteria. O coral traz calor, enquanto mauve empoeirado e teal equilibram e dão um toque retrô. Use para convites, cartões promocionais e marcas que querem charme sem parecer infantil. Dica: combine o coral com o neutro mais escuro nos títulos para manter o texto nítido.
Exemplo de imagem de bilheteria coral gerada usando media.io
11) Pastel Grafite
hexagonal: #3b3b3b #a9c7d8 #f2b6c6 #f7e7a7 #b8e0c8
humor: brincalhão, leve, criativo
Melhor para: papelaria infantil, pacotes de adesivos e gráficos web alegres
Brincalhão e leve, lembra marcas de tinta de giz em uma parede escura. Os pastéis ficam doces sem exagero graças ao carvão. Ideal para papelaria, stickers e gráficos de marcas amigáveis onde a suavidade precisa de estrutura. Dica: use contornos de carvão com moderação para manter o efeito arejado dos pastéis.
Exemplo de imagem de pastel grafite gerada usando media.io
12) Azul Marinho de Passageiro
hexagonal: #0f1a2b #233b5e #4f6f8f #c9d1d8 #c28f3a
humor: profissional, estável, confiante
Melhor para: relatórios empresariais, branding SaaS e páginas com muitos dados
Profissional e firme, esses azuis marinho lembram uniformes e corrimãos polidos. O azul-cinza claro ajuda na legibilidade, enquanto o bronze dá um toque premium. Use em relatórios, marcas SaaS e páginas de dados que precisam transmitir confiança e calma. Dica: reserve o bronze para métricas ou ícones-chave para não esquentar demais a página.
Exemplo de imagem de azul marinho de passageiro gerada usando media.io
13) Cartaz Vintage
hexagonal: #2e2a25 #6f5b3e #c8a46a #e9d7b6 #a23d2d
humor: retrô, quente, colecionável
Melhor para: cartazes retrô, capas de livros e decoração de café
Retrô e colecionável, transmite a vibe de papel envelhecido, tinta sépia e anúncios antigos de estação. O destaque vermelho-marrom dá energia sem perder o ar vintage. Use para capas de livros, impressões de parede de café e marcas com inspiração patrimonial. Dica: adicione granulação sutil ao design e utilize o marrom mais escuro para o texto, garantindo legibilidade.
Exemplo de imagem de cartaz vintage gerada usando media.io
14) Estação Chuvosa
hexagonal: #1d232a #39424e #6c7f8f #b8c2c9 #e2d3c2
humor: dramático, suave, reflexivo
Melhor para: layouts editoriais, presets fotográficos e temas de blog
Dramático e suave, sugere chuva nas janelas e luzes difusas nas plataformas. Os cinzas frios criam profundidade, enquanto o bege quente mantém tons de pele e produtos aconchegantes. Use para templates editoriais, temas de blog e identidades de marca discretas. Dica: use o quase-preto em títulos e o bege quente como barra de destaque atrás de citações.
Exemplo de imagem de estação chuvosa gerada usando media.io
15) UI de Trânsito Limpa
hexagonal: #111827 #334155 #94a3b8 #f1f5f9 #22c55e
humor: nítido, funcional, moderno
Melhor para: interface de app, fluxos de reserva e componentes de interface
Nítidas e funcionais, essas cores lembram telas polidas e displays claros de plataformas. Os neutros de ardósia acalmam layouts, enquanto o verde marca estados de sucesso. Como paleta de metro, é excelente para fluxos de reserva, navegação e UI focada em acessibilidade. Dica: use o tom mais claro para superfícies e reserve o verde para confirmações em vez da navegação principal.
Exemplo de imagem de UI de trânsito limpa gerada usando media.io
16) Feira de Fim de Semana
hexagonal: #2a2e2b #5d6b5a #c2b280 #e8e0d0 #d66a4a
humor: terroso, acolhedor, casual
Melhor para: branding de feira, design de tote e embalagens de lifestyle
Terroso e acolhedor, parece ecobags de lona, barracas verdes e comidas de rua quentes. Oliva e areia formam a base natural e o terracota traz energia apetitosa. Use para branding de feira, embalagens de lifestyle e logos desenhados à mão. Dica: mantenha o terracota em detalhes pequenos ou ícones para que os neutros sejam protagonistas.
Exemplo de imagem de feira de fim de semana gerada usando media.io
17) Monocromático Minimalista
hexagonal: #0f0f10 #2a2a2d #56565b #b5b5bb #f2f2f4
humor: minimalista, nítido, atemporal
Melhor para: sites de portfólio, pôsteres tipográficos e UI de luxo
Minimalista e nítido, lembra tipografia limpa sobre pedra polida. Os cinzas vão do quase-preto ao branco suave, facilitando hierarquia sem cores extras. Use para portfólios, UI de luxo e pôsteres de tipografia onde o espaçamento é essencial. Dica: crie contraste com peso e escala, não com tons a mais.
Exemplo de imagem de monocromático minimalista gerada usando media.io
18) Plataforma Pôr do Sol
hexagonal: #2d2a2e #7a3e3e #e07a5f #f2cc8f #81b29a
humor: quente, otimista, criativo
Melhor para: campanhas sazonais, pôsteres de café e mídias sociais de lifestyle
Quente e otimista, transmite luz de pôr do sol na borda da plataforma. Coral e mel trazem energia, enquanto o verde apagado mantém a maturidade. Use em campanhas sazonais, pôsteres de café e templates de lifestyle que precisam calor sem neon. Dica: use mel ou creme no fundo e coral para destaque principal.
Exemplo de imagem de plataforma pôr do sol gerada usando media.io
19) Tubo de Cobre
hexagonal: #1e1d1b #4a3b34 #b87333 #d8c3b3 #2d6a6a
humor: artesanal, terroso, boutique
Melhor para: anúncios de produto, branding de artigos domésticos e detalhes de embalagem
Artesanal e terroso, evoca tubos de cobre, ferramentas de oficina e metal envelhecido. O bege blush suaviza os marrons escuros e o teal equilibra com frescor. Use para branding de artigos domésticos, anúncios de produtos e embalagens que querem ar handmade com toque moderno. Dica: deixe o cobre destaque nos rótulos e mantenha teal nos badges secundários para equilíbrio.
Exemplo de imagem de tubo de cobre gerada usando media.io
20) Manhã Silenciosa
hexagonal: #22262a #5e6b73 #a8b6bd #e9e6df #8fa67a
humor: suave, arejado, discreto
Melhor para: títulos de blog, papelaria e sistemas de marca tranquilos
Suave e arejada, lembra luz cedo no aço e toque de verde na entrada. Cinzas frios dão modernidade e o verde delicado traz vida sem exagero. Use para papelaria, títulos de blog e sistemas de marca discretos. Dica: aplique o verde em divisores pequenos e ícones para manter o layout sereno.
Exemplo de imagem de manhã silenciosa gerada usando media.io
Quais cores combinam bem com Subway?
As cores de metrô se combinam melhor com neutros estruturados: carvão, ardósia, azul-cinza aço e tons de concreto. Essas cores criam uma base forte que imita os materiais das estações e mantém layouts disciplinados.
Para adicionar calor, use brancos de papel, areia, tan, ferrugem, terracota ou destaques em latão dourado. Esse contraste quente/frio é o que torna a paleta de metrô urbana e não plana.
Para trabalhos ousados, acrescente um único destaque "sinal" como amarelo neon, coral-vermelho ou aqua. Manter o resto da paleta apagada faz com que o destaque pareça sinalização—rápido e intencional.
Como usar uma paleta de cores do metrô em projetos reais
Comece por funções, não por amostras: escolha um escuro para texto/navegação, um claro para fundos/superfícies e um destaque para ações. As combinações funcionam porque são designadas consistentemente, como linhas e etiquetas de estação.
Mantenha contraste alto em títulos e labels de UI (especialmente no mobile). Se usar verde ou teal, deixe off-white ou areia para os fundos, garantindo que tons frios fiquem nítidos e legíveis.
Na impressão, as paletas de metrô brilham em papel fosco e não revestido. Use ferrugem, latão ou mostarda como destaque pontual para carimbos, setas, etiquetas de preço ou blocos de informação chave.
Crie visuais de paleta de metrô com IA
Se quiser ver sua paleta de cores de metrô em ação, gere mockups rápidos—menus, infográficos de mapa metro, telas de apps, etiquetas de embalagem ou pôsteres—antes de seguir para a produção.
Com a ferramenta de texto para imagem do Media.io, você pode colar um prompt como nos exemplos acima, descrever layout e clima, e iterar estilos mantendo a direção urbana da paleta.
Quando gostar da direção, reutilize o formato de prompt para criar um conjunto consistente de visuais para sua marca ou campanha.
Perguntas frequentes sobre paleta de cores de metrô
-
O que é uma paleta de cores de metrô?
Uma paleta de cores de metrô é um conjunto inspirado nos ambientes de transporte—pense em trilhos de carvão, neutros de concreto e ardósia, verdes/teal de azulejo, cremes de papel e destaques de sinalização de alta visibilidade para orientação. -
Quais cores de metrô são melhores para design de UI?
Ardósia/carzão e um tom claro para superfícies são a base mais confiável, depois acrescente um destaque claro (geralmente verde, teal ou amarelo) para estados e CTAs. Paletas como UI de Trânsito Limpa ou Mint de Concreto são especialmente amigáveis para UI. -
Como evitar que uma paleta de metrô fique muito escura?
Use um neutro claro (creme, off-white ou areia) como fundo principal e reserve tons quase pretos para texto e navegação. Acrescente um destaque quente (latão, ferrugem ou tan) para suavizar o visual industrial. -
Qual cor de destaque combina melhor com neutros de metrô?
Mostarda, latão dourado, ferrugem, coral e teal são destaques comuns de "estação". Escolha um destaque protagonista e mantenha os outros mínimos para que o design pareça sinalização, não um mosaico. -
Paletas de metrô são boas para branding?
Sim—as paletas de metrô transmitem confiabilidade, clareza e energia urbana moderna. São ótimas para cafés, streetwear, ferramentas tech, guias urbanos e marcas editoriais que buscam estrutura com personalidade. -
Como usar paletas de metrô para pôsteres ou flyers?
Use uma base escura para criar drama e legibilidade, depois escolha uma cor de “sinal” (amarelo neon, coral ou aqua) para o ponto focal. Mantenha a tipografia em negrito e simples para combinar com o estilo de pôster de metrô. -
Posso gerar mockups no estilo metrô com IA?
Sim. Use uma estrutura de prompt consistente (layout + tema + cores + notas de estilo) e gere variações até que a composição e o contraste pareçam uma sinalização real ou publicidade de estação.
Próximo: Paleta de Cores Iris
