20 combinaciones modernas de azul y dorado con códigos hexadecimales

El dorado y el azul son un clásico moderno: el metalizado aporta prestigio, mientras que los tonos azules aportan claridad y estructura. Juntos, crean un contraste que transmite confianza sin ser estridente.

A continuación, encontrarás ideas de paletas de colores dorado y azul que puedes utilizar para branding, UI, bodas, packaging y maquetaciones editoriales, cada una con códigos HEX y un prompt de IA reutilizable.

Por qué funcionan tan bien las paletas dorado y azul

El dorado y el azul se equilibran naturalmente: el dorado se siente premium y humano, mientras que el azul transmite confianza y calma. Este contraste hace que los diseños resulten aspiracionales y confiables.

El azul también da estructura fuerte a las composiciones—navegación, encabezados y fondos—mientras que el dorado funciona mejor como acento. Esa división permite construir jerarquía clara sin agregar colores extra.

Como el dorado puede percibirse como “metálico” incluso cuando usa un valor HEX plano, los esquemas dorado-azul son especialmente efectivos en branding, packaging y UI cuando se busca un aire lujoso sin recargar los gráficos.

Más de 20 ideas de paletas dorado y azul (con códigos HEX)

1) Puerto Dorado

HEX: #0b1f3b #0f4c81 #2f86c7 #d4af37 #f3efe6

Ambiente: náutico, refinado, seguro

Ideal para: branding de hoteles de lujo y secciones de portada en sitios web

Refinado y náutico, evoca bronce pulido sobre un puerto profundo al atardecer. Úsalo para hospitalidad de alto nivel, marcas de viajes y marítimas donde la confianza es clave. Combina el dorado con tipografía cálida en blanco roto y deja que los azules ocupen los grandes fondos. Sugerencia: reserva el dorado para botones, iconos y divisores para un acabado elegante y sofisticado.

Ejemplo de imagen de puerto dorado generado usando media.io

Media.io

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

Pruébalo gratis ahora

2) Regata Real

HEX: #0a2342 #1d4ed8 #60a5fa #f5d76e #ffffff

Ambiente: deportivo, brillante, festivo

Ideal para: posters de equipos y promociones de eventos deportivos

Deportivo y festivo, se percibe como banderas brillantes sobre el agua. El azul intenso mantiene la energía alta mientras el dorado suave añade un brillo tipo trofeo. Úsalo con tipografía sans-serif limpia y espacios en blanco para evitar sobrecargar la vista. Sugerencia: reserva el azul claro para llamados secundarios y mantén los titulares en azul marino profundo.

Ejemplo de imagen de regata real generado usando media.io

3) Corona de Medianoche

HEX: #06121f #102a43 #1e5aa8 #c9a227 #e8edf2

Ambiente: dramático, regio, alto contraste

Ideal para: packaging premium y etiquetas de fragancias

Dramático y regio, evoca la noche aterciopelada con una corona metálica. El azul marino casi negro hace que el dorado parezca más rico e intencionado. Combínalo con texturas en relieve, tipografía serif fina y pocos colores secundarios. Sugerencia: aplica dorado solo en el frente de la etiqueta para que el packaging no se vea recargado.

Ejemplo de imagen de corona de medianoche generado usando media.io

4) Zafiro del Desierto

HEX: #0e3a5d #2b78b8 #9ad0f5 #d8b24a #f7f3e8

Ambiente: soleado, aireado, acogedor

Ideal para: invitaciones y menús de boda de verano

Soleado y aireado, evoca el destello oro arena junto a un cielo azul claro. El crema suave mantiene la paleta delicada y apta para impresión. Úsalo con papel texturizado o suaves lavados de acuarela para un toque romántico. Sugerencia: utiliza el dorado como borde fino o monograma para un acabado elegante y minimalista.

Ejemplo de imagen de zafiro del desierto generado usando media.io

5) Bahía Art Decó

HEX: #0b2d5c #1f6feb #7db7ff #b88a2b #f0e6d2

Ambiente: glamuroso, geométrico, vintage-moderno

Ideal para: menús de bar de cócteles y branding nocturno

Glamuroso y geométrico, recuerda las líneas doradas art decó sobre azulejos azules llamativos. El dorado cálido funciona bien con ángulos marcados y patrones repetitivos. Combina con detalles negros, divisores finos y fuentes de display condensadas. Sugerencia: deja los fondos en azul marino y el dorado para encabezados y iconos.

Ejemplo de imagen de bahía art decó generado usando media.io

6) Medalla Celestial

HEX: #0a1633 #123b7a #3b82f6 #f2c94c #e6e8ef

Ambiente: limpio, tecnológico, optimista

Ideal para: tableros SaaS y UI fintech

Limpio y tecnológico, sugiere oro estelar sobre un cielo medianoche nítido. El azul brillante aporta claridad a gráficos e interacciones. Combina con grises fríos y mucho espacio para facilitar la lectura de pantallas complejas. Sugerencia: utiliza el dorado solo para destacar éxitos, así mantiene su significado.

Ejemplo de imagen de medalla celestial generado usando media.io

7) Tesoro Costero

HEX: #08304b #0f6aa6 #7cc4f2 #d9a441 #fbfaf6

Ambiente: fresco, costero, amigable

Ideal para: anuncios de viajes y gráficos sociales de resorts de playa

Fresco y costero, evoca el sol sobre monedas arrojadas al mar azul. Los azules claros lo hacen accesible para publicaciones sociales y banners. Combina con neutros arenosos y tipografía redondeada para un ambiente acogedor. Sugerencia: usa el azul medio para botones y el azul claro para fondos para mantener el contraste.

Ejemplo de imagen de tesoro costero generado usando media.io

8) Aurum Invernal

HEX: #0b1b2b #274690 #a9c7ff #caa13a #f7f8fb

Ambiente: frío, pulido, minimalista

Ideal para: reportes anuales corporativos y presentaciones

Frío y pulido, recuerda el azul invernal del cielo con un brillo dorado contenido. El tono helado hace que páginas con mucha información se vean más ligeras y modernas. Combina con cuadrículas limpias, líneas finas y tipografía sans-serif neutra para mejor legibilidad. Sugerencia: usa el dorado en divisores y puntos clave, nunca para bloques completos.

Ejemplo de imagen de aurum invernal generado usando media.io

9) Terciopelo de Museo

HEX: #081a2c #133e7c #2e6bd1 #b9912f #e9e2d6

Ambiente: clásico, culto, lujoso

Ideal para: carteles de exposiciones y branding de museos

Clásico y culto, recuerda las cintas de terciopelo, los cuadros iluminados y las placas doradas. El azul marino profundo ancla el texto de formato largo, mientras el azul más brillante moderniza la apariencia. Combínalo con texturas de papel cálidas y titulares serif elegantes para un aire de archivo. Consejo de uso: mantén el dorado solo como un pequeño sello o marca de logo para indicar prestigio.

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

10) Delft soleado

HEX: #0d2b52 #1f5fa8 #8fc2ea #e0b84a #fff7e6

Ambiente: alegre, artesanal, cálido

Ideal para: branding de tienda de cerámica y banners de comercio electrónico

Alegre y artesanal, evoca los azules de Delft con un esmalte cálido y soleado. El fondo cremoso mantiene las páginas de producto brillantes y acogedoras. Combínalo con patrones dibujados a mano o un grano sutil para reforzar la credibilidad artesanal. Consejo de uso: pon llamadas a la acción en dorado sobre azul marino para máxima legibilidad.

Ejemplo de imagen de Delft soleado generado con media.io

11) Trofeo Aurora

HEX: #07162a #144b8a #46b3ff #ffd166 #f1f6ff

Ambiente: audaz, enérgico, moderno

Ideal para: páginas de aterrizaje para torneos de videojuegos

Audaz y enérgico, se siente como rayas de azul neón alrededor de un cálido resplandor de trofeo. El contraste funciona bien para secciones principales, cuentas atrás y tablas de clasificación competitivas. Combínalo con degradados oscuros y tipografías llamativas para una apariencia de alto impacto. Consejo de uso: usa el dorado solo para ganadores y acciones principales para mantener la jerarquía.

Ejemplo de imagen de trofeo aurora generado con media.io

12) Bronce del plano

HEX: #0a1c33 #173e75 #2b6cb0 #c49b3a #dfe7f2

Ambiente: práctico, ingenierizado, confiable

Ideal para: portafolios de arquitectura y presentaciones de propuestas

Práctico e ingenierizado, se asemeja a tinta de planos con un borde de regla de bronce. Los azules medios mantienen los diagramas legibles, mientras el dorado aporta un resaltado premium. Combínalo con iconos de línea fina, amplios márgenes y grises fríos para estructura. Consejo de uso: reserva el dorado para números destacados y medidas clave para guiar la mirada.

Ejemplo de imagen de bronce de plano generado con media.io

13) Brújula de ópalo

HEX: #0c2440 #165c96 #a7d8f5 #d7b75a #f8f4ec

Ambiente: calma, aireado, refinado

Ideal para: marcas de bienestar y folletos de spa

Calma y aireado, evoca el horizonte oceánico pálido con luz suave de ópalo. Los tonos azules suaves inspiran restauración, mientras el dorado cálido evita que sea demasiado frío. Combínalo con fotografía minimalista, mucho espacio en blanco y encabezados serif claros. Consejo de uso: elige el azul más pálido para áreas grandes y usa el marino para el texto del cuerpo.

Ejemplo de imagen de brújula de ópalo generado con media.io

14) Yate era Jazz

HEX: #071a33 #0f3d7a #2a7bd6 #b38728 #f4ead6

Ambiente: vintage, lujoso, animado

Ideal para: invitaciones de gala y materiales para recaudación de fondos

Vintage y animado, se siente como jazz en un yate con notas de bronce sobre agua nocturna. El dorado se percibe formal sin ser ostentoso si se usa con moderación. Combínalo con papel crema, iconos monoline y un serif clásico para nombres y fechas. Consejo de uso: imprime el dorado como foil sobre azul marino para máximo impacto.

Ejemplo de imagen de yate era jazz generado con media.io

15) Laguna iluminada por faroles

HEX: #06243a #0b6b8f #4fc3f7 #f4c95d #f6fbff

Ambiente: tropical, juguetón, brillante

Ideal para: carteles de festivales de verano y baldosas sociales

Tropical y juguetón, sugiere faroles brillando sobre una laguna luminosa. El azul con matiz azul verdoso aporta frescura, mientras el dorado añade calidez vespertina. Combínalo con formas energéticas y titulares audaces, luego suaviza con abundante blanco. Consejo de uso: deja el cian más brillante para pequeños detalles para no opacar el dorado.

Ejemplo de imagen de laguna iluminada por faroles generado con media.io

16) Cresta alpina

HEX: #071b2e #1e3a8a #6aa9ff #d4b052 #eef2f7

Ambiente: nítido, confiado, aventurero

Ideal para: anuncios de productos de equipos outdoor

Nítido y confiado, se siente como una mañana alpina clara con una cumbre bañada por el sol. Los azules refuerzan el mensaje de rendimiento, mientras el dorado aporta calidez y sensación premium. Combínalo con fotografía de producto precisa, texto minimalista y una cuadrícula fuerte. Consejo de uso: usa azul marino para titulares y deja que el dorado resalte especificaciones como peso o durabilidad.

Ejemplo de imagen de cresta alpina generado con media.io

17) Atlas noble

HEX: #091a2a #12305f #2f6fb2 #caa54a #f2efe7

Ambiente: erudito, estable, patrimonial

Ideal para: cubiertas de libros y materiales para conferencias académicas

Erudito y estable, recuerda cubiertas de atlas con estampado dorado desgastado. Los azules estructurados ayudan a que los títulos largos y horarios permanezcan legibles. Combínalo con fondos de papel texturizado y tipografía serif clásica para autoridad. Consejo de uso: usa el tono neutro más claro para los márgenes y el dorado solo para el sello del título o el escudo.

Ejemplo de imagen de atlas noble generado con media.io

18) Nebulosa dorada

HEX: #050b1a #14213d #2d6cdf #f7c948 #e5e7eb

Ambiente: cósmico, dramático, futurista

Ideal para: portadas de álbumes musicales y carátulas para streaming

Cósmico y dramático, parece una llamarada dorada atravesando un espacio azul eléctrico. La base profunda hace que los acentos saturados se sientan cinematográficos y modernos. Combínalo con tipografía de alto contraste y degradados abstractos para un ambiente futurista. Consejo de uso: pon el dorado detrás del nombre del artista como un pequeño resplandor, no como fondo completo.

Ejemplo de imagen de nebulosa dorada generado con media.io

19) Porcelana patrimonial

HEX: #0b2a4a #1b5ea8 #b9dcff #d8b04c #fffdf7

Ambiente: atemporal, limpio, boutique

Ideal para: sets de papelería y monogramas personales

Atemporal y limpio, recuerda la porcelana azul con un fino borde dorado. El contraste suave mantiene los monogramas y los bordes nítidos en impresión. Combínalo con patrones sutiles, papel de algodón y iniciales serif simples. Consejo de uso: usa el azul pálido para forros de sobres y reserva el dorado para la marca del monograma.

Ejemplo de imagen de porcelana patrimonial generado con media.io

20) Lingotes urbanos

HEX: #061225 #0f3b78 #2f80ed #d1a93b #f5f7fa

Ambiente: urbano, nítido, premium

Ideal para: páginas de aterrizaje inmobiliarias y folletos de listados

Urbano y nítido, sugiere líneas urbanas azuladas con reflejos dorados. Para una combinación dorado-azul que se percibe premium, mantén los diseños limpios y estructurados. Combínalo con titulares sans-serif modernos y grises suaves para detalles secundarios. Consejo de uso: usa dorado para etiquetas de precios y estadísticas clave, mientras los azules gestionan la navegación y encabezados de sección.

Ejemplo de imagen de lingotes urbanos generado con media.io

21) Editorial Corona

HEX: #0a1930 #173f7a #4b9ae8 #c7a241 #f2f2ee

Ambiente: editorial, elegante, compuesto

Ideal para: spreads de revista y lookbooks

Editorial y compuesto, se percibe como tinta azul marino pulida con una firma dorada sutil. El equilibrio es ideal para titulares, citas destacadas y llamados de producto sin saturar la fotografía. Combínalo con tonos cálidos neutrales y formas de acento restringidas para un diseño premium. Consejo de uso: deja el dorado solo para marcadores y folios pequeños para mantener la página aireada.

Ejemplo de imagen de editorial corona generado con media.io

22) Emblema marinero

HEX: #081c34 #114b8b #3f8bd6 #e3b23c #f9f6ef

Ambiente: audaz, clásico, emblemático

Ideal para: logos de clubes deportivos y sistemas de insignias

Audaz y clásico, se siente como parches bordados, botones de bronce y azules uniformes limpios. Esta paleta dorado azul es especialmente fuerte para escudos, emblemas e identificaciones que requieren autoridad. Combínalo con blanco para claridad y un toque de negro para mayor fuerza. Consejo de uso: construye el emblema primero en azul marino, luego añade dorado como contorno y acentos.

Ejemplo de imagen de emblema marinero generado con media.io

¿Qué colores combinan bien con el dorado y azul?

Los tonos neutros cálidos como marfil, crema y arena suavizan el contraste entre dorado y azul, haciendo que la paleta se perciba más premium y apta para impresión. También ayudan a que los acentos dorados se vean intencionados y no llamativos.

Los tonos fríos complementarios—gris pizarra, plateado y azul-gris suave—mantienen los diseños limpios y en línea con tecnología, especialmente en dashboards y cuadrículas editoriales. Funcionan bien cuando el azul es el fondo principal.

Para mayor profundidad, añade casi-negro (carbón) para texto o contornos, o un acento azul verdoso si buscas un giro fresco y costero sin romper la armonía dorado-azul.

Cómo utilizar una paleta dorado y azul en diseños reales

Comienza asignando roles: usa azul marino/profundo para fondos principales y tipografía, azul medio/brillante para estados interactivos y acentos, y dorado para “momentos de atención” como botones, insignias, o números clave.

Mantén la cobertura dorada baja (a menudo 5–10% del diseño) para conservar su sensación premium. Si necesitas más énfasis, aumenta el contraste con neutros claros en vez de añadir más bloques dorados.

En impresión, el dorado puede ser plano (HEX) o simulado con degradados; para el acabado más lujoso, considera el uso de foil o color directo. En interfaces, evita usar dorado para textos largos—resérvalo para iconos y etiquetas pequeñas.

Crea visuales de paletas dorado y azul con IA

Si quieres previsualizar una combinación de colores dorado y azul en un diseño real, genera maquetas rápidas usando indicaciones de IA como las anteriores. Es una forma rápida de probar el ambiente, el contraste y la jerarquía antes de decidir la dirección del diseño.

Prueba variaciones cambiando el fondo (azul marino vs. blanco roto) y modificando en qué elementos aparece el dorado (solo en los CTA vs. en los encabezados de sección). Pequeños cambios pueden transformar drásticamente si una paleta se siente “lujosa” o “deportiva”.

Cuando encuentres una dirección que te guste, reutiliza la estructura del prompt en banners, carteles, empaques y pantallas de UI para mantener la coherencia visual.

Siguiente: Paleta de colores verde azulado y gris