20 Paletas de Colores Metálicos con Códigos Hex y Prompts de IA

Los colores metálicos añaden refinamiento al instante—piensa en bordes cromados, neutros de níquel cepillado y acentos de oro cálido que transmiten una sensación de calidad sin ser llamativos.

A continuación encontrarás ideas de paletas de colores metálicos con códigos HEX, además de consejos prácticos para UI, branding e impresión para que puedas mantener el brillo sin perder legibilidad.

Por qué las paletas metálicas funcionan tan bien

Las paletas metálicas se perciben “diseñadas” porque equilibran contraste y sobriedad: tonos carbón y azul marino aportan estructura, mientras que las platas y los oros cálidos señalan calidad.

También funcionan en distintos medios. En UI, los neutros inspirados en metálico mantienen los diseños limpios y legibles; en impresión y packaging, el latón o cobre cálido puede sugerir textura y artesanía.

Lo más importante, los esquemas metálicos hacen que los acentos cuenten. Un solo toque de oro, bronce o cobalto puede dirigir la atención hacia CTAs, precios o detalles principales sin añadir desorden.

Más de 20 ideas de paletas de colores metálicos (con códigos HEX)

1) Atardecer Cromado

HEX: #0F172A #2B2F36 #8E96A3 #D7DCE3 #C7A86B

Estado de ánimo: elegante, nocturno, premium

Ideal para: UI de página de aterrizaje SaaS

Tonos de atardecer elegantes con brillo cromado recuerdan luces de ciudad reflejándose en vidrio. Usa el azul marino y el grafito como base de tu UI, y deja que la plata suave se encargue de superficies y divisores. El acento dorado más cálido es mejor reservarlo para CTAs primarios o métricas clave. Consejo: mantén los degradados sutiles para que el contraste del texto se mantenga nítido.

Ejemplo de imagen de atardecer cromado generado con media.io

Media.io

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

Pruébalo Gratis Ahora

2) Neutros de Níquel Cepillado

HEX: #1F2937 #4B5563 #9CA3AF #E5E7EB #B45309

Estado de ánimo: minimalista, industrial, calmado

Ideal para: UI de panel de control y tarjetas de datos

Los neutros de níquel cepillado transmiten limpieza y tecnicidad, como metal mecanizado bajo luz de estudio suave. Crea paneles con encabezados carbón, gráficos gris medio y fondos de tarjetas gris pálido. El matiz ámbar funciona como color de advertencia o destaque sin ser estridente. Consejo: reserva el tono más oscuro para tipografía y así asegurar la legibilidad en tablas.

Ejemplo de imagen de neutros de níquel cepillado generado con media.io

3) Resplandor Champán

HEX: #2D1E1A #6B4E3D #C9A56A #F2E6D8 #F7F2EA

Estado de ánimo: suave, festivo, elegante

Ideal para: conjunto de invitaciones de boda

Los tonos cálidos de champán evocan luz de velas, satén y copas que tintinean. Combina el cacao profundo con neutros cremosos para texto, y utiliza el dorado en bordes, monogramas o acentos tipo foil. Brilla en papel texturizado, superposiciones de vitela y diseños minimalistas. Consejo: mantén los elementos dorados delgados para un acabado refinado.

Ejemplo de imagen de resplandor champán generado con media.io

4) Affaire Oro Rosa

HEX: #3B1F2B #7A3E4D #C27A7A #E7C2B8 #F5EFEA

Estado de ánimo: romántico, brillante, moderno

Ideal para: packaging y etiquetas de marca de belleza

Los tonos rosados románticos recuerdan metal pulido calentado por la piel y el rubor. Para combinaciones metálicas que mantengan la elegancia, usa la ciruela profunda como base y el crema pálido para dar espacio visual. Las sombras de rosa y rubor funcionan mejor en packaging mate con detalles de brillo puntual. Consejo: la rosa media es ideal para tipografía pequeña, así mantendrá legibilidad sobre fondos claros.

Ejemplo de imagen de affaire oro rosa generado con media.io

5) Estudio de Latón Antiguo

HEX: #1B1A17 #3A2F21 #7A5C2E #C2A56A #EEE2C6

Estado de ánimo: patrimonial, académico, cálido

Ideal para: diseño de portada de libro y papelería

Latón antiguo y sombras intensas evocan bibliotecas antiguas, lomos de cuero y escritorios iluminados por lámpara. Usa el casi negro para títulos, y superpone marrones cálidos para profundidad y ornamento. El latón queda perfecto en arte de línea, bordes y detalles estampados. Consejo: prueba un fondo ligeramente texturizado para que el crema más claro se sienta archivístico.

Ejemplo de imagen de estudio de latón antiguo generado con media.io

6) Ascua de Cobre

HEX: #1F0F0A #5A1F12 #B24A2E #D98F63 #F3E4D8

Estado de ánimo: ardiente, artesanal, audaz

Ideal para: logo de restaurante y acentos de menú

Rojos ahumados y acentos de cobre evocan llamas abiertas y utensilios martillados. Como paleta metálica, funciona mejor cuando el espresso oscuro ancla el diseño y los tonos de cobre se reservan para titulares o iconos. Combínalo con papel sin recubrimiento, texturas de madera o fotografía gastronómica en blanco y negro. Consejo: utiliza el cobre más brillante para destacados como especialidades del chef o divisores de sección.

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

7) Acero y Pizarra

HEX: #0B1220 #263040 #5B6777 #B8C2CE #E7EDF4

Estado de ánimo: fresco, estructurado, seguro

Ideal para: UI de software empresarial

Los tonos de acero y pizarra transmiten precisión, control y hardware pulido. Usa el tono más oscuro para navegación, pizarra para paneles y azul grisáceo pálido para superficies de contenido. Combina bien con iconos de línea agudos y tipografía condensada. Consejo: añade solo un color brillante fuera de la paleta para acciones críticas.

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

8) Escarcha de Platino

HEX: #0F172A #334155 #94A3B8 #E2E8F0 #F8FAFC

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

Ideal para: página de producto minimalista

Escarcha de platino recuerda luz invernal sobre metal suave, limpio y aireado sin parecer estéril. Deja que el casi blanco y la plata pálida dominen los fondos, y usa el azul marino para tipografía y estructura. Esta mezcla se adapta a tecnología, cuidado de la piel y artículos modernos para el hogar. Consejo: reduce la intensidad de las sombras y usa el espaciado para la jerarquía.

Ejemplo de imagen de escarcha de platino generado con media.io

9) Orquídea de Metal de Arma

HEX: #111827 #374151 #6B7280 #A78BFA #EDE9FE

Estado de ánimo: sombrío, futurista, divertido

Ideal para: cartel de evento musical

Gunmetal y orquídea evocan neón reflejado sobre el asfalto mojado, atmosférico y con ritmo. Usa los grises oscuros para bloques de fondo y el lavanda como color principal y de destaque. Combina bien con patrones geométricos y tipografía de alto contraste. Consejo: limita el lavanda a uno o dos elementos por sección para mantener su efecto eléctrico.

Ejemplo de imagen de gunmetal y orquídea generado con media.io

10) Pewter y Perla

HEX: #2A2E35 #5C6673 #AAB3BE #E8E3DC #FAF7F2

Estado de ánimo: suave, refinado, editorial

Ideal para: maquetación de revista y lookbook

Pewter y perla evocan telas hechas a medida, luz suave y lujo discreto. Los grises son perfectos para cuadrículas, subtítulos y reglas, mientras los tonos perlados mantienen las páginas ligeras. Úsalo con retratos en blanco y negro o fotografía de producto minimalista. Consejo: emplea pewter para tipografía pequeña y reserva el casi negro solo para encabezados de sección.

Ejemplo de imagen de pewter y perla generado con media.io

11) Titanium Teal

HEX: #0B1320 #1F2A44 #0F766E #67E8F9 #E6FFFB

Estado de ánimo: fresco, tecnológico, enérgico

Ideal para: pantallas de introducción de app

Los tonos azul titanio con destellos teal evocan circuitos limpios y luz costera. Utiliza los tonos profundos para estructura y el teal en elementos interactivos como botones, progreso y enlaces. El cian helado es un acento para ilustraciones o insignias. Consejo: mantén los degradados dentro de la familia teal para evitar ruido visual.

Ejemplo de imagen de titanium teal generado con media.io

12) Bronze Olive Trail

HEX: #1A1A12 #3B3A25 #6B6A3A #B08D57 #EFE6D6

Estado de ánimo: terroso, natural, sólido

Ideal para: packaging de bolsa de café artesanal

Bronce y oliva evocan polvo de camino, hojas secas y sol sobre herrajes metálicos. Usa el oliva como color principal y el bronce para insignias, sellos y pequeños detalles tipográficos. Combina naturalmente con texturas de papel kraft y ilustraciones de líneas sencillas. Consejo: el crema claro para paneles de nutrición y áreas de tipografía pequeña asegura la legibilidad.

Ejemplo de imagen de bronze olive trail generado con media.io

13) Mercury Mint

HEX: #0A0F14 #334155 #93C5FD #A7F3D0 #F1F5F9

Estado de ánimo: limpio, aireado, experimental

Ideal para: kit de marca para startups

Los tonos oscuros mercurio con acentos menta y hielo transmiten frescura, modernidad y toque futurista. Usa el casi negro para logotipos y wordmarks, dejando que el menta y azul pálido definan los gráficos secundarios. Funciona bien con mucho espacio blanco y formas redondeadas. Consejo: mantén el menta como color firma y emplea el azul solo para estados de interfaz secundarios.

Ejemplo de imagen de mercury mint generado con media.io

14) Silver Lilac Haze

HEX: #1F2430 #4B5563 #C4B5FD #E5E7EB #FBF7FF

Estado de ánimo: soñador, suave, contemporáneo

Ideal para: plantillas de redes sociales para cuidado de piel

Los tonos plateados con bruma lila evocan satén, niebla y brillo sutil. Usa fondos claros para fotos de producto y deja que el lila lleve stickers, encabezados y formas decorativas. El gris oscuro mantiene legibilidad sin contraste drástico. Consejo: añade finos contornos gris plata para separar elementos pastel sobre blanco.

Ejemplo de imagen de silver lilac haze generado con media.io

15) Gilded Sandstone

HEX: #2B2118 #6B4F3A #C2A179 #E7D3BA #FAF3EA

Estado de ánimo: bañado de sol, calmado, elegante

Ideal para: portafolio de diseño de interiores

Gilded sandstone transmite sensación de sol cálido sobre piedra, cortinas de lino y elementos de latón. Utiliza tonos cremosos para fondos y marrón rico para títulos y navegación. El beige dorado funciona bien como divisores, botones y marcos sutiles. Consejo: mantén la saturación baja y deja que la textura de las imágenes resalte.

Ejemplo de imagen de gilded sandstone generado con media.io

16) Midnight Bronze

HEX: #070A0F #1F2937 #6B7280 #B07A3C #F3E8DB

Estado de ánimo: dramático, lujoso, seguro

Ideal para: anuncio de producto reloj premium

Sombras midnight con destellos bronce evocan un foco sobre hardware pulido. Como paleta metálica, luce mejor con base casi negra y un solo acento bronce cálido para señales premium. Usa tipografía minimalista y mucho espacio negativo para mantener modernidad. Consejo: aplica bronce solo en bordes y detalles micro para evitar apariencia pesada.

Ejemplo de imagen de midnight bronze generado con media.io

17) Urban Copper Pop

HEX: #111111 #2F2F2F #FF6A3D #C47C5A #F2EFEA

Estado de ánimo: urbano, audaz, moderno

Ideal para: flyer de conferencia tecnológica

Tonos urbanos oscuros con acento cobre evocan concreto, señales y calor radiante. Mantén los negros y grises dominantes para estructura y usa naranja-cobre vivo para captar atención en fechas y CTA. Va bien con fuentes sans audaces y bloques geométricos definidos. Consejo: aplica el acento brillante en un sistema de formas consistente para ritmo visual.

Ejemplo de imagen de urban copper pop generado con media.io

18) Graphite Blush

HEX: #0B0D12 #2B2F3A #8B8F9A #E8B4B8 #FAF6F3

Estado de ánimo: suave, elegante, contemporáneo

Ideal para: interfaz ecommerce de moda

Tonos grafito con blush evocan seda contra cuero, moderno pero cercano. Usa el casi negro para navegación, grafito para marcos y blush como micro-acento en corazones de wishlist o etiquetas de oferta. Combina bien con fotografía editorial y márgenes amplios. Consejo: emplea blush sobre fondos claros para mantener sensación limpia y premium.

Ejemplo de imagen de graphite blush generado con media.io

19) Opal Chrome Wash

HEX: #0F172A #475569 #9CA3AF #CFFAFE #F8FAFC

Estado de ánimo: vidrioso, luminoso, ligero

Ideal para: tema para presentación

Tonos opal y chrome wash evocan luz atravesando vidrio, limpieza e iridiscencia. Usa navy para títulos, slate para texto principal y cyan opal para secciones y números clave. Funciona mejor con gráficos simples y divisores delgados. Consejo: mantén fondos mayormente blancos para conservar efecto aireado.

Ejemplo de imagen de opal chrome wash generado con media.io

20) Lacquered Gold Noir

HEX: #050505 #1C1C1C #3A3A3A #D4AF37 #F5F1E6

Estado de ánimo: dramático, glamuroso, alto contraste

Ideal para: logotipo y monograma de marca de lujo

Lacquered noir y oro brillante evocan iluminación de gala y joyería pulida. El casi negro y el carbón hacen una fuerte base para logotipos, mientras el oro se usa como marca premium o contorno delgado. Ideal con tipografía serif de alto contraste y mucho espacio vacío. Consejo: prueba el oro sobre acabados mate y brillantes para elegir el mejor acabado de impresión.

Ejemplo de imagen de lacquered gold noir generado con media.io

21) Cobalt Steel Shine

HEX: #0A1224 #1D4ED8 #60A5FA #A7B0BE #F1F5F9

Estado de ánimo: audaz, seguro, deportivo

Ideal para: destacados de interfaz app de deportes

Tonos cobalt con neutros steel transmiten velocidad, pulido y competitividad. Usa cobalt para acciones clave y estados activos, mientras los grises steel mantienen la interfaz calmada. Combina bien con iconos fuertes y números condensados para puntuaciones. Consejo: limita el azul saturado a un solo nivel jerárquico para evitar saturar al usuario.

Ejemplo de imagen de cobalt steel shine generado con media.io

22) Smoked Silver Citrus

HEX: #121212 #3F3F46 #A1A1AA #F59E0B #F5F5F4

Estado de ánimo: moderno, vibrante, equilibrado

Ideal para: anuncios y banners sociales de marca

Tonos silver ahumados con golpe cítrico evocan streetwear moderno y cartelería brillante. Para combinaciones metálicas efectivas, mantén los grises como base y el naranja como punto focal. Ideal para banners de oferta, destacados de producto y tipografía audaz. Consejo: usa blanco roto claro para dar respiro y mantener el acento nítido.

Ejemplo de imagen de smoked silver citrus generado con media.io

¿Qué colores combinan bien con los metálicos?

Los neutros inspirados en metálicos combinan naturalmente con bases profundas (casi negro, navy, carbón) y superficies claras (platino suave, perla, blanco cálido). Este contraste mantiene los diseños nítidos y “limpios como hardware”.

Para acentos, elige un tono cálido (oro, bronce, cobre) o uno frío (cobalt, teal, lila) y repítelo consistentemente en botones, insignias y números clave.

Si necesitas un sistema más amplio, agrega un “color señal” no metálico (como coral o esmeralda) para alertas y estados de éxito—el resto manténlo sobrio.

Cómo usar una paleta metálica en diseños reales

En interfaces, trata las paletas metálicas como herramienta jerárquica: los más oscuros para navegación y texto, grises medios para paneles y bordes, y los tonos más claros para fondos y tarjetas. Esto evita sensación plana en la interfaz.

En branding y packaging, los detalles metálicos funcionan mejor como micro-accentos—bordes delgados, monogramas, iconos o destellos tipo foil—en vez de bloques grandes de color brillante.

Para impresión, siempre prueba primero. Los dorados y bronces cálidos pueden cambiar en papel sin recubrimiento, mientras que los plateados fríos pueden verse apagados si el fondo es demasiado gris.

Crea visuales de paletas metálicas con IA

Si deseas previsualizar cómo se siente un esquema metálico en un diseño real, genera maquetas rápidas primero—páginas de destino, carteles, empaques o tableros de marca—antes de comprometerte con los archivos finales.

Con Media.io, puedes convertir una breve indicación en imágenes alineadas con tu marca e iterar rápidamente cambiando solo un acento (oro por cobre, pizarra por estaño, verde azulado por cobalto) manteniendo la misma estructura.

Utiliza los códigos HEX de la paleta anterior como guía, y luego describe materiales (metal cepillado, laca, papel satinado) para lograr una vibra “metálica” sin sacrificar la legibilidad.

Siguiente: Paleta de color naranja coral