Paletas de colores para metro: 20 combinaciones inspiradoras con códigos hexadecimales

Las paletas de colores del metro combinan neutros industriales, verdes y turquesas inspirados en azulejos y tonos brillantes de señales de alta visibilidad, lo que las hace instantáneamente legibles y sorprendentemente versátiles.

Ya sea que estés diseñando una interfaz, un póster, un empaque o un sistema de marca, estos colores del metro te ayudan a lograr una jerarquía visual fuerte, un contraste claro y un ambiente urbano moderno.

Por Qué Las Paletas del Metro Funcionan Tan Bien

Las paletas del metro están diseñadas para la claridad. Las estaciones dependen de la tipografía de alto contraste, formas simplificadas y reglas de color repetibles, por lo que estas combinaciones se traducen de manera natural en una imagen de marca limpia, carteles y sistemas UI.

También equilibran tonos fríos de infraestructura (carbón, pizarra, acero, concreto) con calidez humana (arena, crema papel, óxido, latón). Ese contraste crea un estilo “neutral-ciudad” que se siente moderno sin ser estéril.

Por último, las combinaciones de colores del metro son geniales para la jerarquía: tonos muy oscuros para titulares, tonos claros para superficies y un conjunto limitado de acentos para llamadas a la acción, rutas, insignias o alertas.

Más de 20 Ideas de Paletas de Colores del Metro (con Códigos HEX)

1) Salvia de Andén

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

Estado de ánimo: tranquilo, con fundamento, urbanamente discreto

Ideal para: señalización, branding para cafetería y maquetación de guías urbanas

Tranquilos y con fundamento como columnas de acero pintadas y azulejos gastados de estación, estos verdes se sienten urbanamente discretos. La mezcla equilibra la salvia-carbón profunda con un neutro cálido y suave y un acento tipo latón. Funciona bellamente para sistemas de señalización, menús y logos de marca que requieran claridad sin gritar. Consejo de uso: reserva el tono dorado para flechas o etiquetas clave, así la paleta del metro se mantiene legible a distancia.

Ejemplo de imagen de salvia de andén generado con media.io

Media.io

Media.io es un estudio de IA en línea para crear y editar video, imagen y audio en tu navegador.

Pruébalo Gratis Ahora

2) Carbón de Torniquete

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

Estado de ánimo: elegante, industrial, premium

Ideal para: empaques para streetwear, diseño de etiquetas y branding monocromático

Elegante e industrial, evoca torniquetes, suelos de goma y viajes nocturnos. Los grises suaves evitan que la gama de carbón se sienta pesada, mientras el acento de óxido añade una calidez metálica y táctil. Úsalo para empaques premium, etiquetas colgantes y sistemas de marca minimalistas que necesiten carácter con mesura. Consejo de uso: imprime el tono óxido como color directo sobre material mate para un acabado de lujo.

Ejemplo de imagen de carbón de torniquete generado con media.io

3) Teal de Azulejo

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

Estado de ánimo: fresco, estampado, retro-moderno

Ideal para: menús de restaurantes, plantillas sociales y pósters inspirados en azulejos

Frescos y estampados, estos teal evocan azulejos brillantes y la iluminación fría del andén. El blanco cremoso mantiene el conjunto aireado y el toque de ámbar ofrece un acento enérgico. Es una combinación fuerte para menús, redes sociales de cafetería y material gráfico lúdico. Consejo de uso: repite el teal más oscuro para titulares y usa ámbar solo en precios o llamadas a la acción.

Ejemplo de imagen de teal de azulejo generado con media.io

4) Mostaza de Mapa

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

Estado de ánimo: informativo, optimista, amigable para pasajeros

Ideal para: infografías, mapas de tránsito y presentaciones

Informativo y optimista, se siente como un mapa de rutas claro bajo luces brillantes de estación. Mostaza y tonos crema mantequilla suavizan los grises, mientras el azul suma una línea secundaria calmada. Úsalo para infografías y diagramas donde la jerarquía es más importante que la decoración. Consejo de uso: usa mostaza para rutas principales y reserva azul para enlaces secundarios para una lectura instantánea.

Ejemplo de imagen de mostaza de mapa generado con media.io

5) Acero y Arena

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

Estado de ánimo: arquitectónico, neutro, refinado

Ideal para: portafolios de arquitectura, presentaciones inmobiliarias y catálogos de producto

Arquitectónica y refinada, esta paleta recuerda al acero cepillado, concreto y piedra soleada. La gama se mantiene neutra pero cálida gracias al arena y tonos tostados. Ideal para portafolios, catálogos y diseños donde la imagen debe dominar. Consejo de uso: utiliza el arena claro como fondo para que los azules de acero destaquen más.

Ejemplo de imagen de acero y arena generado con media.io

6) Señal Neón

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

Estado de ánimo: eléctrica, enérgica, nocturna

Ideal para: volantes para eventos, promos de música y anuncios sociales llamativos

Eléctrica y llena de energía, captura luces de señal atravesando un túnel oscuro. Los casi negros te dan espacio para texto, mientras amarillo, coral y aqua crean impacto instantáneo. Úsala para flyers nocturnos, lanzamientos y anuncios sociales con atención al foco. Consejo de uso: elige un neón como protagonista y deja los otros dos solo para detalles pequeños, evitando el ruido visual.

Ejemplo de imagen de señal neón generado con media.io

7) Túnel de Ladrillo

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

Estado de ánimo: cálida, con textura, artesanal

Ideal para: etiquetas de bebidas artesanales, empaques alimenticios y carteles rústicos

Cálida y con textura, evoca arcos de ladrillo, carteles añejos y el resplandor de lámparas en el andén. El neutro crema suaviza los rojos y el verde profundo evoca barandillas metálicas pintadas. Es ideal para etiquetas artesanales, empaque de cafeterías y posters rústicos donde la calidez es importante. Consejo de uso: usa el marrón más oscuro para texto y así mantener el contraste sobre el fondo claro.

Ejemplo de imagen de túnel de ladrillo generado con media.io

8) Vía de Medianoche

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

Estado de ánimo: cinematográfica, fría, nocturna

Ideal para: pósters de película, branding tecnológico y encabezados destacados

Cinematográfica y nocturna, estos azules evocan faros sobre vías mojadas. El azul pálido y el blanco cálido impiden que el ambiente sea demasiado frío, permitiendo tipografía legible. Es una combinación confiable para headers impactantes, arte digital y páginas de aterrizaje de tecnología. Consejo de uso: pon texto en blanco sobre los dos azules más oscuros y usa el azul intermedio para botones.

Ejemplo de imagen de vía de medianoche generado con media.io

9) Menta de Concreto

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

Estado de ánimo: limpia, relajante, contemporánea

Ideal para: interfaz para apps de bienestar, paneles de control y newsletters modernas

Limpia y relajante, sugiere concreto pulido combinado con un brillo de vidrio mentolado. El neutro pálido mantiene la pantalla luminosa, y el acento terracota evita la frialdad clínica. Úsala en interfaces de bienestar, plantillas de email y paneles donde la calma y la claridad son prioridad. Consejo de uso: usa la menta como color primario de acción y reserva el terracota para alertas o acentos.

Ejemplo de imagen de menta de concreto generada usando media.io

10) Taquilla Coral

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

Estado de ánimo: amigable, nostálgico, animado

Ideal para: invitaciones para fiestas, tarjetas promocionales y branding de boutiques

Amistoso y nostálgico, evoca boletos sellados y luces vintage de taquilla. El coral aporta calidez, mientras que el malva polvoriento y el azul verdoso equilibran el conjunto para un aire retro. Úsalo en invitaciones, tarjetas promocionales y marcas boutique que buscan encanto sin ser demasiado dulces. Consejo: combina el coral con el neutro más oscuro para titulares, así el texto se mantiene nítido.

Ejemplo de imagen de taquilla coral generada usando media.io

11) Pastel Graffiti

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

Estado de ánimo: divertido, ligero, creativo

Ideal para: papelería infantil, packs de stickers y gráficos web alegres

Divertido y ligero, recuerda marcas de pintura calcárea en una pared oscura. Los tonos pastel se mantienen dulces pero no empalagosos gracias al carbón como base. Perfecto para papelería, stickers y gráficos amigables donde la suavidad requiere estructura. Consejo: usa contornos carbón solo donde sea necesario para mantener la ligereza.

Ejemplo de imagen de pastel graffiti generada usando media.io

12) Azul Marino Commuter

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

Estado de ánimo: profesional, estable, confiado

Ideal para: informes empresariales, branding de SaaS y páginas con muchos datos

Profesional y estable, estos marinos recuerdan uniformes y barandillas pulidas. El gris azulado claro brinda legibilidad en texto largo, y el acento bronce añade un toque premium. Úsalo para informes, branding SaaS y páginas de datos que buscan confianza y calma. Consejo: reserva el bronce para métricas o íconos clave para que la página no se vea tan cálida.

Ejemplo de imagen de azul marino commuter generada usando media.io

13) Póster Vintage

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

Estado de ánimo: retro, cálido, coleccionable

Ideal para: pósters retro, portadas de libros y arte mural para cafés

Retro y coleccionable, evoca papel envejecido, tinta sepia y anuncios de estación antiguos. El acento rojo-marrón da fuerza sin romper el aire vintage. Úsalo para portadas de libro, pósters de café y branding de inspiración patrimonial. Consejo: añade grano sutil y mantén el texto en el marrón más oscuro para una mejor lectura.

Ejemplo de imagen de póster vintage generado usando media.io

14) Estación Lluviosa

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

Estado de ánimo: melancólico, suave, reflexivo

Ideal para: diseños editoriales, filtros fotográficos y temas para blogs

Melancólico y suave, sugiere lluvia en ventanales y luces difusas en el andén. Los grises fríos crean profundidad, el beige cálido mantiene el aspecto humano en fotos. Ideal en plantillas editoriales, temas de blog y branding discreto. Consejo: usa tonos casi negros en encabezados y beige cálido como barra de destaque tras citas.

Ejemplo de imagen de estación lluviosa generada usando media.io

15) UI de Tránsito Limpio

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

Estado de ánimo: nítido, funcional, moderno

Ideal para: interfaz de app, flujos de reserva y componentes de UI

Nítido y funcional, evoca pantallas pulidas y señales claras. Los neutros tipo pizarra dan calma a los diseños, mientras el verde resalta estados de éxito. Como esquema de metro, es excelente para flujos de reserva y componentes accesibles de IU. Consejo: usa el tono más claro para fondos y reserva el verde para confirmaciones, no para navegación principal.

Ejemplo de imagen de UI de tránsito limpio generada usando media.io

16) Mercado de Fin de Semana

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

Estado de ánimo: terroso, acogedor, casual

Ideal para: branding de mercado, bolsas y packaging de estilo de vida

Terroso y acogedor, recuerda bolsas de lona, puestos llenos de verde y snacks callejeros calientes. Oliva y arena crean la base, con terracota como chispa apetecible. Úsalo en branding de mercados, packaging y logos a mano alzada. Consejo: deja la terracota para sellos pequeños o íconos para que los neutros sigan siendo lo principal.

Ejemplo de imagen de mercado de fin de semana generada usando media.io

17) Monocromo Minimalista

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

Estado de ánimo: minimalista, nítido, atemporal

Ideal para: sitios de portafolio, pósters tipográficos y UI de lujo

Minimalista y preciso, recuerda tipografía limpia sobre piedra pulida. Los grises van del casi negro al blanco suave, facilitando la jerarquía sin color extra. Úsalo para portafolios, UI de lujo y pósters donde el espaciado hace la diferencia. Consejo: crea contraste con peso y escala, no con diversos colores.

Ejemplo de imagen de monocromo minimalista generado usando media.io

18) Andén al Atardecer

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

Estado de ánimo: cálido, optimista, creativo

Ideal para: campañas de temporada, pósters de café y posts de estilo de vida

Cálido y optimista, se siente como la luz de un atardecer sobre el andén. Coral y miel suman energía, el verde apagado madura la mezcla. Para campañas, pósters y redes sociales que buscan calidez sin neón. Consejo: usa miel o crema en fondos y deja el coral como llamada principal a la acción.

Ejemplo de imagen de andén atardecer generado usando media.io

19) Tubería de Cobre

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

Estado de ánimo: artesanal, terroso, boutique

Ideal para: anuncios de producto, branding de hogar y detalles de packaging

Artesanal y terroso, recuerda tuberías de cobre, herramientas y metal con pátina. El beige suaviza los marrones y el azul verdoso aporta frescura. Ideal para branding de hogar, anuncios y packaging moderno hecho a mano. Consejo: deja que el cobre protagonice en etiquetas y el azul solo en detalles secundarios.

Ejemplo de imagen de tubería de cobre generada usando media.io

20) Mañana Tranquila

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

Estado de ánimo: suave, aireado, discreto

Ideal para: cabeceras de blogs, papelería y sistemas de marca calmados

Suave y aireado, evoca la luz temprana sobre acero y un toque de verde en la entrada. Los grises frescos son modernos y el verde aporta vida con delicadeza. Para papelería, cabeceras de blog y marcas serenas que quieren un color distintivo sutil. Consejo: aplica el verde solo en divisores e íconos pequeños para mantener la serenidad.

Ejemplo de imagen de mañana tranquila generada usando media.io

¿Qué Colores Combinan Bien con El Metro?

Los colores de metro combinan mejor con neutros estructurados: carbón, pizarra, azul acero y tonos de concreto. Estos matices crean una base sólida que imita materiales reales de estación y dan orden al diseño.

Para añadir calidez, utiliza blancos rotos tipo papel, arena, beige, oxido, terracota o acentos bronce-dorado. Ese contraste cálido/frío es lo que hace que una paleta de metro se sienta urbana y no plana.

Para un aspecto más audaz, agrega un solo acento "señal" como amarillo neón, coral o aqua. Mantén el resto de la paleta apagada para que el color brillante resalte como señalización—claro y directo.

Cómo Usar una Paleta de Colores de Metro en Diseños Reales

Empieza por los roles, no por los tonos: elige un oscuro para texto/navegación, uno claro para fondos y uno de acento para acciones. Las combinaciones de color de metro funcionan porque están asignadas de manera consistente, como líneas y etiquetas de estación.

Mantén el contraste alto en títulos y etiquetas de UI (especialmente en móvil). Si usas verdes o azulados, deja el blanco roto o la arena para fondo y los tonos fríos seguirán siendo nítidos y legibles.

En impresión, las paletas de metro lucen en papeles mate y sin recubrimiento. Usa óxido, bronce o mostaza como acento puntual para sellos, flechas, precios o información clave.

Crea Visuales de Paletas del Metro con IA

Si quieres ver tu paleta de colores de metro en acción, haz maquetas rápidas—menús, infografías tipo mapa de metro, pantallas de apps, etiquetas de empaque o pósters—antes de lanzarte a la producción.

Con la herramienta de texto a imagen de Media.io, puedes pegar un prompt como los de arriba, describir el diseño y el ánimo, e iterar estilos manteniendo la misma dirección urbana en la paleta.

Cuando ya te convenza el rumbo, reutiliza el formato de prompt para crear un set visual consistente en tu marca o campaña.

Siguiente: Paleta de colores Iris