Paletas de colores dorado y azul oscuro: 20 ideas con códigos hexadecimales

El dorado y el azul oscuro son una combinación atemporal y de alto contraste que se percibe instantáneamente como premium. Mezcla autoridad (azul marino) con calidez y prestigio (dorado), lo que la convierte en una opción preferida para el branding, eventos e interfaces pulidas.

A continuación, se presentan 20 ideas seleccionadas de paletas de colores dorado y azul oscuro con códigos HEX, además de consejos prácticos sobre contraste, acentos y uso en la web, impresión e interiores.

Por qué funcionan tan bien las paletas de dorado y azul oscuro

Las paletas de dorado y azul oscuro equilibran dos señales potentes: el azul profundo transmite estabilidad y profesionalismo, mientras que el dorado aporta calidez, celebración y un acabado “premium”. Juntos se sienten confiables y sofisticados.

El contraste es naturalmente fuerte, lo que ayuda a que los diseños se vean nítidos en todo, desde sitios web hasta carteles. Los azules oscuros crean estructura (cabeceras, navegación, fondos), y el dorado funciona mejor como un acento controlado que guía la atención.

Como el dorado puede variar de metálico a plano en pantalla, combinarlo con cremas y beiges mantiene el sistema flexible. Puedes conservar un ambiente lujoso sin depender de efectos brillantes que podrían dificultar la legibilidad.

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

1) Puerto Real

HEX: #0B1F3B #123B6D #D4AF37 #F3E7C5 #1C1C1C

Estado de ánimo: regio, nítido, náutico

Ideal para: sistemas de identidad de marca y logotipos

Regio y con brisa marina, estos tonos evocan una chaqueta azul marino con botón dorado. Usa los azules profundos para bloques y tipografía principales, y deja que el dorado destaque en insignias, reglas y acentos pequeños. Combínalo con crema cálida para dar aire y usa negro para tipografía ultra definida. Consejo: reserva el dorado para un 5 a 10% del diseño para que transmita exclusividad, no extravagancia.

Ejemplo de imagen de puerto real generada con media.io

Media.io

Media.io es un estudio online de IA para crear y editar videos, imágenes y audio directamente en tu navegador.

Pruébalo ahora gratis

2) Dorado a Medianoche

HEX: #08172C #0E2A4F #B88A00 #EADFC8 #6B7280

Estado de ánimo: dramático, lujoso, cinematográfico

Ideal para: diseño de carteles de cine y eventos

Dramático y cinematográfico, evoca un horizonte nocturno iluminado por letreros dorados. Estas combinaciones dorado azul oscuro brillan si primero construyes grandes formas oscuras y añades el dorado como título o emblema llamativo. El beige cálido evita que el resultado sea frío, mientras que el gris apoya el texto secundario. Consejo: añade un grano sutil sobre los azules oscuros para evitar bandas en fondos grandes.

Ejemplo de imagen de dorado a medianoche generada con media.io

3) Champán Marino

HEX: #102A43 #1D4E89 #E0B84B #FFF4DD #A7A9AC

Estado de ánimo: festivo, aireado, refinado

Ideal para: invitaciones y papelería de bodas

Ligero y festivo, recuerda a burbujas de champán sobre un vestido azul noche. Usa el marfil como tono papel, el azul marino para el texto principal y bordes para una estética atemporal. Guarda el dorado para monogramas, divisores o acentos RSVP efecto foil, y usa el gris para detalles pequeños. Consejo: elige un dorado un poco más suave en pantalla para imitar el foil impreso sin reflejos molestos.

Ejemplo de imagen de champán marino generada con media.io

4) Vestíbulo Art Déco

HEX: #0A2342 #183A6B #C7A008 #F6EDD8 #2B2B2B

Estado de ánimo: glamuroso, geométrico, vintage-lujo

Ideal para: folletos de hotel y señalética de vestíbulo

Glamuroso y geométrico, recuerda un vestíbulo art déco con barandillas de latón y paredes oscuras lacadas. Esta paleta dorado azul oscuro funciona mejor con simetría fuerte, marcos gruesos y tipografía clara. Combina crema con márgenes generosos para que los azules oscuros se vean elegantes y no pesados. Consejo: repite líneas doradas con grosor consistente para un diseño intencional y premium.

Ejemplo de imagen de vestíbulo art déco generada con media.io

5) Latón Celestial

HEX: #0D1B2A #1B3A57 #D1A94A #E8E2D6 #5C677D

Estado de ánimo: místico, calmado, erudito

Ideal para: portadas de libros y diseño editorial

Místico y calmado, sugiere constelaciones trazadas en latón sobre papel azul medianoche. Usa el azul más oscuro para el fondo de portada y utiliza el dorado para estrellas, reglas y énfasis en el título. El neutro pergamino apoya subtítulos y autor sin competir. Consejo: mantén los elementos dorados ligeramente texturizados para evitar un efecto plano o de pegatina.

Ejemplo de imagen de latón celestial generada con media.io

6) Noche en el Museo

HEX: #061626 #16324F #BFA14A #F2EADB #8A8F98

Estado de ánimo: tranquilo, sofisticado, dramático

Ideal para: carteles de exposiciones y anuncios de galerías

Tranquilo y sofisticado, evoca un museo después de horario con focos sobre marcos dorados. Construye el diseño con azules profundos como espacio negativo y deja el dorado para fechas, detalles del lugar e íconos clave. Crema da un panel de lectura suave y el gris para letra pequeña. Consejo: mantén el contraste alto para accesibilidad usando texto crema sobre el azul más oscuro, no dorado sobre azul para texto largo.

Ejemplo de imagen de noche en el museo generada con media.io

7) Libro Real

HEX: #0B2545 #134074 #E2B13C #FAF3E0 #3B3B3B

Estado de ánimo: autoritario, limpio, ejecutivo

Ideal para: dashboards financieros y UI de administración

Autoritario y limpio, parece un libro contable de cuero con lomo dorado. Usa azul oscuro para navegación y cabeceras, y el dorado para llamadas a la acción y métricas clave de manera contenida. El blanco cálido facilita la lectura en tablas y reduce la fatiga ocular en pantallas densas. Consejo: coloca botones dorados solo sobre blanco cálido o azul muy oscuro y evita texto dorado sobre azul medio.

Ejemplo de imagen de libro real generada con media.io

8) Lujo de la Hora Azul

HEX: #0A1E33 #2A5C8A #CDA434 #EFE5CF #1F2937

Estado de ánimo: moderno, crepúsculo, pulido

Ideal para: anuncios de productos premium de cuidado de la piel

Pulido y moderno, captura la luz azul del atardecer reflejada en metal cepillado. Usa azul marino profundo como fondo y combina el azul más vivo en paneles secundarios o superposiciones de degradado. El dorado comunica lo premium en líneas finas, mayúsculas o una sola insignia destacada. Consejo: en anuncios, manten el dorado cerca del nombre del producto para que el ojo vaya primero a tu marca.

Ejemplo de imagen de lujo de la hora azul generada con media.io

9) Tinta Dorada

HEX: #0B1320 #1C2E4A #D9B55A #F7F1E3 #6B7280

Estado de ánimo: literario, elegante, melancólico

Ideal para: cabeceras de blog y miniaturas editoriales

Literario y elegante, se siente como tinta sobre vitela con un adorno de oro. Usa el tono más oscuro para barras de titular y un neutro cálido para el área de contenido equilibrando el aire de revista. El dorado queda muy bien en iconos pequeños, separadores y etiquetas de categoría. Consejo: en miniaturas, aumenta el contraste combinando dorado con el azul marino más profundo en lugar del azul medio.

Ejemplo de imagen de tinta dorada generado usando media.io

10) Cresta Costera

HEX: #0E2B4A #1F5F8B #E0B33F #F1E7D3 #2E2E2E

Estado de ánimo: fresco, preppy, costero

Ideal para: sitios web de resorts y folletos de viajes

Fresco y preppy, recuerda una cresta costera bordada en una toalla azul profundo. Usa el azul marino para menús y encabezados de sección, luego utiliza el azul más brillante para enlaces y estados hover. El oro añade un acento soleado para insignias, valoraciones o llamados a la acción de reservas, mientras la crema mantiene las páginas abiertas y aireadas. Consejo: usa oro para el relleno de íconos en lugar de texto de cuerpo para proteger la legibilidad.

Ejemplo de imagen de cresta costera generado usando media.io

11) Oro Observatorio

HEX: #071A2B #123A5C #D6A93A #EDE3CF #4B5563

Estado de ánimo: científico, onírico, preciso

Ideal para: branding para conferencias científicas

Onírico pero preciso, recuerda la cúpula de un observatorio con instrumentos de latón reflejando la luz. Estas combinaciones de dorado y azul oscuro son ideales para diagramas, llamadas de datos y divisores elegantes de sección. Usa el crema como un fondo estable para horarios y biografías de ponentes, y reserva el gris para leyendas y notas. Consejo: elige un solo tono de oro coherente para todos los gráficos para mantener la coherencia visual.

Ejemplo de imagen de oro observatorio generado usando media.io

12) Traje de Herencia

HEX: #0C2340 #274C77 #C9A227 #F5EAD1 #111827

Estado de ánimo: clásico, hecho a medida, confiable

Ideal para: sitios web de despachos de abogados y papelería

Clásico y hecho a medida, se siente como un buen traje con una sutil barra dorada de corbata. Usa azul marino para encabezados y navegación, dejando las áreas de texto claras con crema cálida para una lectura tradicional y confiable. El oro funciona mejor como acento contenido en sellos, viñetas y divisores de sección. Consejo: combina acentos dorados con una fuente de titular de serifas para reforzar el tono de herencia.

Ejemplo de imagen de traje de herencia generado usando media.io

13) Linterna sobre Azul Marino

HEX: #0A1A2F #244B72 #F2C14E #FBF3DE #374151

Estado de ánimo: cálido, acogedor, nocturno

Ideal para: menús de restaurante y señalización

Cálido y acogedor, evoca la luz de una linterna brillando en una calle nocturna. Usa azul marino como fondo del menú y pon los encabezados en dorado para señalar especialidades y platos distintivos. La crema mejora la legibilidad para la descripción de los ítems, mientras que el gris mantiene en silencio las notas secundarias. Consejo: si vas a imprimir, prueba la muestra de azul marino para asegurar que se mantenga rica y no se vea fangosa bajo luz cálida interior.

Ejemplo de imagen de linterna sobre azul marino generado usando media.io

14) Papelería Imperial

HEX: #0D2B4D #1E4D8C #DAB24A #F7EEDB #2B2D31

Estado de ánimo: formal, nítido, ceremonial

Ideal para: certificados y plantillas de premios

Formal y ceremonial, se parece a un certificado de premio con borde nítido y sello metálico. Mantén el fondo claro y utiliza azul marino para la tipografía para conservar un aire digno y oficial. El oro es perfecto para sellos, adornos en las esquinas y líneas de firma, mientras el gris oscuro respalda textos legales pequeños. Consejo: evita sobredecorar con florituras doradas para que el certificado siga sintiéndose moderno.

Ejemplo de imagen de papelería imperial generado usando media.io

15) Gala Invernal

HEX: #081A33 #183B6A #E3B341 #F9F1DF #9CA3AF

Estado de ánimo: festivo, elegante, invernal

Ideal para: invitaciones para fiestas de fin de año

Festivo e invernal, parece la luz de una vela reflejada sobre un abrigo azul medianoche. El oro y la crema juntos crean un resplandor suave sin volverse kitsch. Usa azul marino para el texto principal y los bordes y luego resalta la fecha y el RSVP en dorado para facilitar la lectura rápida. Consejo: añade un sutil patrón de copos de nieve o estrellas en azul de bajo contraste para que el diseño siga siendo sofisticado.

Ejemplo de imagen de gala invernal generado usando media.io

16) Luz de Estudio

HEX: #0B1D39 #2B5D9B #CFAE55 #F2E8D4 #111827

Estado de ánimo: confiado, moderno, alto contraste

Ideal para: envases y etiquetas de productos

De alto contraste y seguro, evoca el foco de un estudio apuntando a una etiqueta dorada en una estantería oscura. Usa el azul más profundo para el cuerpo del empaque y deja que el dorado lleve la marca y la información clave. La crema funciona bien para paneles de ingredientes y textos normativos, mientras que el azul más claro puede apoyar variantes secundarias. Consejo: al renderizar, mantén el oro mate en vez de brillante para evitar reflejos no deseados.

Ejemplo de imagen de luz de estudio generado usando media.io

17) Brújula Vintage

HEX: #0A2239 #1C466E #D4A24D #E9DEC8 #3F3F46

Estado de ánimo: aventurero, nostálgico, curado

Ideal para: carteles y láminas para tiendas de museos

Aventurero y nostálgico, evoca una brújula vintage de latón desgastado y esmalte profundo. Usa azul marino para formas grandes y azul claro para detalles tipo mapa o líneas de ruta. El oro es ideal en marcas pequeñas y repetidas como coordenadas, pines o títulos. Consejo: agrega un desgastado suave al fondo crema para realzar el aspecto de impresión antigua.

Ejemplo de imagen de brújula vintage generado usando media.io

18) Manto Zafiro

HEX: #081C2E #174A7E #E2B84A #FFF1D6 #4B5563

Estado de ánimo: audaz, tonos joya, lujoso

Ideal para: banners para joyería online

Audaz y de tonos joya, evoca terciopelo zafiro con un cálido broche dorado. Haz del azul profundo tu fondo héroe para que las fotos de producto y titulares se sientan instantáneamente premium. Usa el azul claro para promos secundarias, luego agrega dorado a etiquetas de precios o de tiempo limitado. Consejo: Para ecommerce, mantén la llamada a la acción en dorado sobre azul marino y limita otros resaltados para evitar competencia visual.

Ejemplo de imagen de manto zafiro generado usando media.io

19) Sala de Trofeos

HEX: #071B34 #123E6B #F0C75E #F4E9D5 #0F172A

Estado de ánimo: victorioso, audaz, sportif-lujo

Ideal para: gráficos de premios deportivos y publicaciones sociales

Victorioso y audaz, se siente como una sala de trofeos iluminada por focos cálidos. Una combinación de dorado y azul oscuro funciona especialmente bien para medallas, rankings y anuncios de ganadores porque automáticamente se percibe como premium. Usa el azul marino más oscuro de fondo y destaca números y estadísticas clave en dorado brillante. Consejo: mantén los textos auxiliares en crema para evitar un alto contraste vibrante entre oro y azul en tamaños pequeños.

Ejemplo de imagen de sala de trofeos generado usando media.io

20) Gran Teatro

HEX: #0A1B2A #203D63 #C8A53A #F8F0DC #6B7280

Estado de ánimo: dramático, romántico, clásico

Ideal para: programas y boletos teatrales

Dramático y clásico, evoca cortinas de terciopelo y marquesinas ribeteadas en oro. Usa azul marino para el diseño principal y deja que el oro enmarque el título, encabezados de reparto y detalles de los boletos. Crema imita el papel y mantiene la información densa legible, mientras que el gris apoya los detalles finos. Consejo: mantén un sistema de bordes dorados coherente para que cada página del programa teatral sea cohesiva.

Ejemplo de imagen de gran teatro generado usando media.io

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

Neutros cálidos como crema, marfil, pergamino y beige son los acompañantes más fáciles para el oro y azul oscuro. Suavizan el contraste, mejoran la legibilidad y ayudan a que el dorado se sienta intencional en lugar de demasiado brillante.

Para interfaces modernas, añade grises fríos y casi negros para la tipografía y elementos secundarios. Esto mantiene la estructura de la interfaz mientras que el oro sigue siendo un acento premium.

Si quieres más energía, introduce un color de acento limitado (como un azul más brillante para enlaces o estados hover). Mantenlo limitado para apoyar el sistema en vez de competir con el dorado.

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

Comienza asignando roles: azul oscuro para fondos, navegación y bloques de encabezados; neutros para superficies de contenido; oro para énfasis (CTAs, insignias, divisores, números clave). Esta jerarquía evita los diseños “todo-acento” que se ven caóticos.

Por accesibilidad, evita párrafos largos en dorado sobre azul—el oro funciona mejor en etiquetas cortas, iconos y titulares. Usa crema o marfil para texto de cuerpo sobre azul marino para mantener un contraste cómodo.

En impresión, prueba los tonos bajo luz real y considera un dorado ligeramente apagado para imitar el dorado metálico sin reflejos. El grosor de línea y el espaciado consistentes también ayudan a que la paleta se sienta más premium.

Crea visuales de paletas dorado azul oscuro con IA

Si estás creando un moodboard de marca, set de invitaciones, cartel o concepto de UI, la IA puede ayudarte a visualizar combinaciones de oro y azul oscuro rápidamente. Genera múltiples composiciones, prueba cambios de ánimo y ajusta el diseño antes de producir.

Usa prompts que especifiquen “oro atenuado”, “azul marino profundo” y un estilo claro (minimalista, art déco, cinematográfico, editorial) para mantener la coherencia. Añade instrucciones de relación de aspecto para adaptar al formato objetivo.

Siguiente: Paleta de colores beige y naranja