Paletas de colores steampunk: 20 combinaciones con códigos hexadecimales

Las paletas steampunk combinan la industria vintage con narrativas retrofuturistas: piensa en engranajes de latón, sombras ahumadas, papel sepia y cuero desgastado.

A continuación, tienes ideas de paleta de colores steampunk con códigos HEX que puedes usar para carteles, interfaces, branding, empaques y más—además de consejos para mantener los acentos metálicos nítidos y legibles.

Por Qué Funcionan Tan Bien las Paletas Steampunk

Un esquema de color steampunk se basa en materiales creíbles—latón, cobre, tinta, cuero, pergamino, humo—por lo que se siente instantáneamente táctil y “real”, incluso en interfaces planas o branding limpio.

La mayoría de las combinaciones de colores steampunk tienen naturalmente alto contraste: carboncillos oscuros y marrones espresso para estructura, neutros cálidos para espacios legibles, y dorados/cobres metálicos para énfasis controlado.

También son flexibles entre géneros: usa tonos azules/teal para retrofuturismo técnico, agrega verdes para herencia de hiedra y piedra, o apuesta por sepia y óxido para una narrativa de archivo.

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

1) Latón Carbón

HEX: #b08d57 #3a2f28 #1f1b17 #d7c3a1 #7a4e2d

Ánimo: industrial, cálido, robusto

Ideal para: identidad de marca para un taller vintage

Calidez industrial con un aire de latón y hollín, como luz de lámpara sobre engranajes y polvo de carbón en cuero. Usa los tonos carbón profundos para tipografía y estructura, y luego el latón como acento premium. El tono crema mantiene los diseños legibles en impresión y web. Consejo: reserva el latón para botones, sellos o iconos clave para evitar que se vea turbio.

Ejemplo de imagen de latón carbó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 directamente en tu navegador.

Pruébalo Ahora Gratis

2) Engranaje de Cobre

HEX: #b86b4b #6b3f2a #2b2320 #e0b29a #4c6b6a

Ánimo: mecánico, acogedor, artesanal

Ideal para: empaque de productos para artículos hechos a mano

Tonos metálicos acogedores que evocan cobre pulido, madera aceitada y un toque de maquinaria oxidada. El marrón oscuro da base al diseño, mientras el cobre rosado se siente amigable y artesanal. Agrega el teal apagado como nota de contraste en etiquetas o variantes de sabor. Consejo: imprime el cobre mate y simula el brillo solo con sutiles degradados en pequeñas áreas.

Ejemplo de imagen de engranaje de cobre generado con media.io

3) Taller Sepia

HEX: #a67c52 #6f5b3e #2f2a24 #e6d3b1 #8b3a2b

Ánimo: nostálgico, áspero, narrativo

Ideal para: cartel de evento para feria de creadores

Nostálgico y áspero, como fotos envejecidas junto a planos en un taller atiborrado. Estas combinaciones de colores steampunk brillan en carteles donde quieres carácter antiguo sin perder contraste. Usa el pergamino como fondo y destaca con texto oscuro y rojo óxido para fechas. Consejo: agrega ilustraciones lineales en marrón medio para sugerir grabados sin saturar el diseño.

Ejemplo de imagen de taller sepia generado con media.io

4) Motor de Terciopelo

HEX: #3b1f2b #7a3e5a #c8a36a #141214 #e6dccf

Ánimo: dramático, lujoso, nocturno

Ideal para: portada de álbum para música retrofuturista

Dramático y lujoso, como cortinas de terciopelo abiertas revelando una sala de máquinas vibrante. Ciruela y casi negro construyen la base cinematográfica mientras el oro antiguo da luz. Usa el blanco cálido con moderación en la lista de temas o textos pequeños para mantener la elegancia. Consejo: alinea los acentos dorados a una cuadrícula para que la riqueza se sienta intencional, no aleatoria.

Ejemplo de imagen de motor de terciopelo generado con media.io

5) Amanecer en Zepelín

HEX: #e7c7a1 #c98b63 #8a5a3c #33424a #f2efe9

Ánimo: aventurero, optimista, aireado

Ideal para: cabecera y banner principal para blog de viajes

Aventurero y brillante, como el amanecer sobre costillas remachadas y velas de lona. Los cremas y arenas suaves mantienen el ambiente abierto, mientras el azul pizarra da estructura para navegación y titulares. Combina marrones cálidos con texturas sutiles como grano de papel o líneas pespunteadas. Consejo: usa el pizarra en los botones principales de llamado a acción para que sean visibles sobre fotografías cálidas.

Ejemplo de imagen de amanecer en zepelín generado con media.io

6) Cuero Ahumado

HEX: #5a3a2e #2b1f1a #c2a27a #8a6f4b #d9d1c6

Ánimo: atmosférico, masculino, táctil

Ideal para: etiqueta de whisky y collarín de botella

Ambiente intenso y táctil, como cuero desgastado, humo de pipa y cálida madera tras la barra. Una paleta steampunk como esta resalta si reservas los tonos claros para respiro y dejas que los marrones oscuros soporten el peso visual. Combínalo con tipografía serif grabada e iconos sencillos de escudo para una sensación auténtica. Consejo: añade un pequeño elemento en beige dorado tipo foil para crear un punto de énfasis premium.

Ejemplo de imagen de cuero ahumado generado con media.io

7) Hiedra de Torre de Reloj

HEX: #2f4b3a #6b7c4a #b08d57 #2a2623 #e7dfd3

Ánimo: terroso, misterioso, de herencia

Ideal para: portada de libro para novela de historia alternativa

Terroso y misterioso, como hiedra escalando la torre mientras agujas de latón giran en la niebla. Los verdes equilibran las notas metálicas, evitando que la paleta se vea muy industrial. Usa el casi negro para contraste en el título y el crema para la claridad de subtítulos. Consejo: agrega un motivo sutil de engranaje en el fondo claro para que solo se aprecie de cerca, no a distancia.

Ejemplo de imagen de hiedra de torre de reloj generado con media.io

8) Caja de Engranajes Teal

HEX: #2b6f73 #0f2f33 #b08d57 #c9d2cf #5b3a2e

Ánimo: técnico, frío, vintage-moderno

Ideal para: interfaz de tablero para app de creadores

Técnico y frío, como esferas esmaltadas y placas de metal desgastadas por el mar. Teal y azul verdoso oscuro forman la base para paneles de interfaz, mientras el latón antiguo resalta en botones y destacados. Deja el gris azul claro para tarjetas y espacios; así la UI respira. Consejo: usa latón solo para estados activos y evitar énfasis confuso en el tablero.

Ejemplo de imagen de caja de engranajes teal generado con media.io

9) Cobre Oxidado

HEX: #3f7f7a #1e4b4a #b56a4a #2a201b #e8d7c8

Ánimo: envejecido, costero, inventivo

Ideal para:señalización de exposición de museo

Desgastado e ingenioso, como el cobre dejado a envejecer cerca del aire salado y el calor de un taller. Los tonos azul verdoso crean superficies tranquilas para paneles, mientras que el cobre y el espresso aportan el toque histórico. Combina con una tipografía sans-serif limpia para mantener un aspecto contemporáneo. Consejo: utiliza el texto principal en el tono más oscuro y reserva el cobre para los encabezados de sección y flechas.

Ejemplo de imagen de cobre oxidado generado con media.io

10) Papel de Patente

HEX: #efe2c8 #cdb892 #8b6b4a #2c2a28 #4d6a7a

Ánimo:archival, preciso, académico

Ideal para:diseño editorial para una revista de diseño

De archivo y preciso, como dibujos de patentes sobre papel amarillento con líneas de tinta nítidas. Esta paleta steampunk se ve clara en páginas largas porque los neutros resultan amables para la vista. Utiliza el azul pizarra para citas destacadas y divisores de sección para dar un toque moderno. Consejo: deja márgenes generosos y usa el tono más oscuro para títulos y leyendas para lograr consistencia.

Ejemplo de imagen de papel de patente generado con media.io

11) Riel Nocturno

HEX: #0f0f12 #2d2a2f #7a4e2d #b08d57 #c6c2bb

Ánimo:cinematográfico, urbano, sombrío

Ideal para:plantilla de miniatura de YouTube para un canal de historia

Cinematográfico y sombrío, como una estación de medianoche donde las señales de latón captan el último brillo. El negro casi absoluto y el grafito aportan contraste fuerte a las miniaturas, mientras que el dorado cálido mantiene el punto focal legible a escalas pequeñas. Combina con una tipografía atrevida y formas simples en vez de texturas complejas. Consejo: perfila el texto clave en gris claro para evitar que "se hunda" en fondos oscuros.

Ejemplo de imagen de riel nocturno generado con media.io

12) Linterna Ámbar

HEX: #e09f3e #b07d2a #5a3a2e #2a2623 #f2e6d6

Ánimo:brillante, acogedor, festivo

Ideal para:diseño de menú de cafetería

Brillante y acogedor, como linternas ámbar reflejándose sobre madera pulida. Usa el ámbar claro para destacadas y precios, y apoya los tonos marrones profundos para títulos y estructura. El tono cremoso mantiene el menú ligero y legible sin llegar a blanco total. Consejo: aplica el ámbar más intenso sólo en una o dos especialidades superiores para centrar la atención.

Ejemplo de imagen de linterna ámbar generado con media.io

13) Zafiro de Vapor

HEX: #1c3d5a #2f6f8f #b08d57 #2a201b #d9d6cf

Ánimo:ingenioso, nítido, alto contraste

Ideal para:pantallas de bienvenida de app

Ingenioso y nítido, como indicadores esmaltados en azul iluminados contra un chasis de latón. Estas combinaciones steampunk funcionan bien para onboarding porque los azules dan sensación moderna y el dorado resalta con confianza. Deja los fondos en gris claro y usa el marrón más oscuro sólo para texto clave. Consejo: limita los degradados a la gama de azules para que el acento metálico siga limpio y plano.

Ejemplo de imagen de zafiro de vapor generado con media.io

14) Rosa Remache

HEX: #8b3a2b #c47a6a #b08d57 #2b2320 #f2e3d7

Ánimo:romántico, ornamentado, vintage

Ideal para:invitación de boda para local industrial

Romántico y ornamentado, como metal rosado trabajado y filigranas grabadas en un relicario. Una paleta steampunk tan cálida es ideal para invitaciones cuando se busca encanto vintage sin ser muy oscura. Combina el tono rubor con el crema en la tarjeta principal, utilizando espresso para texto y latón para los bordes. Consejo: las líneas decorativas finas mantienen el diseño aireado y elegante.

Ejemplo de imagen de rosa remache generado con media.io

15) Arcilla de Fundición

HEX: #9b6a4a #c2a27a #6b3f2a #2f2a24 #e8dccb

Ánimo:terrenal, artesanal, rústico

Ideal para:logo y etiquetas para taller de cerámica

Terrenal y rústico, como arcilla de horno junto a arena cálida y herramientas de hierro. Los tonos medios dan un aire artesanal y amigable, mientras el marrón oscuro ancla logos y sellos. Usa el beige claro como fondo de etiqueta y los tonos oscuros para la impresión. Consejo: elige un color principal para el logo y deja el resto para patrones y códigos de lote.

Ejemplo de imagen de arcilla de fundición generado con media.io

16) Nogal y Whisky

HEX: #7a4e2d #4b2f22 #d2b48c #2a2623 #e9dfd2

Ánimo:clásico, refinado, cálido

Ideal para:tema UI web para restaurante

Clásico y refinado, como paneles de nogal y un vaso de whisky bajo luz suave. Utiliza los tonos oscuros para encabezados y navegación, y el neutro cremoso para fondos de página. El tono tostado funciona como acento discreto para divisores y estados hover. Consejo: usa el texto principal en el marrón más oscuro en lugar del negro puro para mantener el ambiente cálido.

Ejemplo de imagen de nogal y whisky generado con media.io

17) Terciopelo Monarca

HEX: #2a1b2f #4a2b4f #b08d57 #7f6a58 #f1ece6

Ánimo:real, teatral, intenso

Ideal para:portada de programa teatral

Real y teatral, como un escenario tenue con detalles dorados y cortinas de terciopelo profundo. Los tonos púrpura-marrones crean drama sin ser neón, y el oro antiguo evoca ornamentos clásicos. Combina con tipografía de alto contraste y ornamentación simétrica para una vibra formal. Consejo: usa imágenes monocromáticas y deja el dorado sólo para los puntos de énfasis.

Ejemplo de imagen de terciopelo monarca generado con media.io

18) Puerto Nebuloso

HEX: #6b7c86 #2f3a3f #b56a4a #d6d9d8 #1f1b17

Ánimo:brumoso, marítimo, industrial

Ideal para:UI de juego para mapa de exploración

Brumoso y marítimo, como un puerto cubierto de niebla con raíles de hierro y piezas de cobre. Los tonos azul-gris mantienen tranquilos los paneles de UI, mientras el cobre cálido marca los hotspots interactivos. Para mejor legibilidad, utiliza el casi negro para etiquetas y el gris claro para superposiciones de mapa. Consejo: reserva el cobre para una acción tipo, como pines o misiones, para que los jugadores aprendan el sistema al instante.

Ejemplo de imagen de puerto nebuloso generado con media.io

19) Botellas de Tinte

HEX: #2f4b3a #2b6f73 #c98b63 #efe2c8 #2c2a28

Ánimo:botica, curiosidad, ecléctico

Ideal para:set de etiquetas botánicas para aceites esenciales

De botica y curioso, como estantes de botellas de tintura con etiquetas manuscritas y vidrio musgoso. El verde y azul verdoso dan una base botánica, mientras el beige cálido añade una nota artesanal y cómoda. Para jerarquía fuerte, pon el texto sobre pergamino y utiliza el tono más oscuro para detalles de ingredientes. Consejo: las ilustraciones deben ser delgadas y coherentes para que las etiquetas se sientan unificadas en todas las fragancias.

Ejemplo de imagen de botellas de tinte generado con media.io

20) Latón Minimalista

HEX: #f2efe9 #d7c3a1 #b08d57 #4a4a45 #1f1b17

Ánimo:minimalista, premium, equilibrado

Ideal para:landing page para marca boutique de relojes

Minimalista y premium, como latón pulido bajo luz suave y sombras definidas. Esta paleta steampunk sigue siendo moderna porque los neutros hacen la mayor parte del trabajo y el tono metálico queda como acento contenido. Usa blanco roto para secciones espaciosas, carbón para texto y latón sólo en el llamado a la acción más importante. Consejo: añade divisores sutiles en beige claro para mantener el orden sin ruido visual.

Ejemplo de imagen de latón minimalista generado con media.io

21) Latón de Plano

HEX: #244a6b #102b3a #b08d57 #c9d2cf #2a201b

Ánimo:ingenieril, seguro, nítido

Ideal para:tema de diapositivas para charla tecnológica

Ingenieril y nítido, como líneas de plano técnico encontrándose con herrajes de latón pulidos. Los azules profundos enmarcan las diapositivas y el latón resalta métricas clave sin resultar estridente. Usa el gris claro y frío en bloques de contenido para mantener los gráficos legibles. Consejo: repite el latón sólo en títulos y un dato clave por diapositiva para mayor claridad.

Ejemplo de imagen de latón de plano generado con media.io

22) Flor de Ceniza

HEX: #2f2a24 #6b3f2a #c47a6a #e6d3b1 #b08d57

Ánimo:suave, ahumado, romántico

Ideal para:flyer de día de San Valentín para bar temático

Suave y ahumado, como brasas tibias bajo pétalos de rosa y filigrana dorada. El tono rubor da un ambiente juguetón, mientras los marrones ceniza y café lo hacen adulto y atmosférico. Utiliza el pergamino para el fondo y deja el dorado solo para pequeños destellos. Consejo: usa el título en el tono más oscuro y el rubor solo como acento secundario, como corazones o detalles en las esquinas.

Ejemplo de imagen de flor de ceniza generado con media.io

¿Qué Colores Combinan Bien con el Steampunk?

El steampunk combina mejor con metálicos cálidos (latón, oro antiguo, cobre) y neutros terrenales (espresso, carbón, pergamino, gris cálido). Estos le dan a tu diseño una sensación de "hecho de materiales".

Para contraste, usa contrapuntos fríos como azul pizarra, verde petróleo o verde oxidado; solo mantenlos algo apagados para conservar el aire vintage y mecánico.

Si necesitas un toque moderno, agrega un blanco roto para el espaciado y legibilidad, y reserva el tono más oscuro para tipografía y etiquetas clave de UI.

Cómo Usar una Paleta Steampunk en Diseños Reales

Comienza con una base neutra: pergamino/blanco roto para fondos o carbón profundo para layouts en modo oscuro. Luego elige un metálico como acento para llamados a la acción, medallas y acentos de iconos.

Protege la legibilidad asignando roles: tono más oscuro para el cuerpo de texto, tonos medios para bordes y UI secundaria, y el tono cálido más brillante para énfasis. Así evitas el típico problema de "marrón fangoso" en paletas steampunk.

Para impresión, mantén los metálicos bajo control y considera tintas mate; para digital, imita el metal con sombras sutiles solo en pequeñas áreas (botones, sellos, ornamentos), no en grandes bloques.

Crea Visuales de Paletas Steampunk con IA

Si estás presentando un concepto o creando un moodboard, genera rápidamente imágenes steampunk a partir de indicaciones y luego perfecciónalas con una dirección de color coherente basada en HEX.

Con Media.io, puedes crear carteles temáticos, maquetas de interfaz, conceptos de etiquetas y gráficos de portada que coincidan con tu paleta, lo que te ayuda a iterar antes de la producción.

Intenta describir el tipo de diseño (cartel/Interfaz/empaque), añade “steampunk” e incluye algunos colores clave (como latón + carbón + pergamino) para guiar el resultado.

Siguiente: Paleta de color verde trébol