20 ideas de paletas de colores azul y bronce con códigos hexadecimales

El azul y el bronce es una combinación atemporal: los azules oceánicos transmiten claridad y confianza, mientras que el bronce aporta calidez, herencia y un aire “metálico” premium, incluso cuando se usa como un color plano.

A continuación encontrarás 20 ideas de paletas de colores azul y bronce con códigos HEX, además de notas prácticas sobre contraste, ambiente y dónde funciona mejor cada combinación en branding, UI e impresión.

Por Qué Funcionan Tan Bien las Paletas Azul y Bronce

El azul y el bronce crean un contraste natural de temperatura: el azul transmite calma, estabilidad y modernidad, mientras que el bronce aporta un matiz soleado que se percibe artesanal e intencional. Juntos, transmiten “premium” sin requerir ornamentos recargados.

Funcionalmente, los azules cubren la mayoría de las necesidades de UI y diseño: fondos, superficies, gráficos y tipografía legible, mientras que el bronce destaca como acento en llamadas a la acción, insignias, divisores y números clave. Esto mantiene clara la jerarquía y evita ruido visual.

En impresión, el bronce también combina bien con papeles cálidos o blancos rotos, logrando una vibra metálica sutil incluso con tintas mate. Por eso, las paletas azul y bronce son versátiles para todo, desde tecnología hasta hospitalidad o editorial.

20+ Ideas de Paletas de Colores Azul y Bronce (con Códigos HEX)

1) Pátina de Puerto

HEX: #0B2D4D #1E6A7A #C07A3E #E6D5BF #2B2B2B

Ambiente: náutico, refinado, arraigado

Mejor para: identidad de marca para negocios costeros o tradicionales

Náutica y desgastada por el tiempo, evoca pintura de barco, aire salado y herrajes de metal envejecidos. El azul marino oscuro crea una base premium mientras el azul verdoso aporta modernidad y accesibilidad. Usa el bronce como acento pequeño pero intencional en reglas, íconos o sellos, y el tono arena para los fondos. Consejo: usa color carbón para la tipografía y así el bronce será el protagonista.

Ejemplo de imagen de pátina de puerto generado con media.io

Media.io

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

Pruébalo Gratis Ahora

2) Brújula Antigua

HEX: #102A43 #334E68 #B36A2E #D9B08C #F4F1EA

Ambiente: clásico, aventurero, cálido

Mejor para: cabecera de blog de viajes y gráficos editoriales

Clásica y exploradora, evoca tinta de mapas, diarios de cuero y una brújula de latón. Los azules en capas crean profundidad en cabeceras y superposiciones, mientras que el bronce es un color marcador atemporal. Combina el beige cálido con amplio espacio blanco para mantener ligereza. Consejo: usa el bronce solo en llamadas y etiquetas para evitar recargar el texto principal.

Ejemplo de imagen de brújula antigua generado con media.io

3) Aleación de Medianoche

HEX: #071A2E #143B63 #2E7DA1 #A7652A #1B1B1B

Ambiente: sombrío, industrial, alto contraste

Mejor para: diseño de cartel para conferencia tecnológica

Oscura e industrial, sugiere cielos nocturnos sobre metales y cristal. Los azules intensos apoyan tipografías llamativas, mientras el azul verdoso resalta detalles secundarios. El bronce funciona mejor como color destacado para fechas, insignias o números clave. Consejo: mantén la mayoría de las formas en tonos oscuros y reserva el bronce para un elemento focal por sección.

Ejemplo de imagen de aleación de medianoche generado con media.io

4) Bruma de Bronce Costero

HEX: #2B5C7C #5FA3B5 #B07C43 #F2E7D8 #6B5B4D

Ambiente: suave, fresco, elegante

Mejor para: sección principal web de hotel boutique

Suave y fresca, recuerda mañanas brumosas en el agua con detalles bronceados por el sol. El azul claro es ideal para grandes secciones y degradados, mientras el azul más oscuro ancla la navegación y los botones. El bronce aporta un toque boutique sin verse ostentoso cuando se combina con neutros cremosos. Consejo: prueba el bronce para divisores mínimos y trazos de íconos.

Ejemplo de imagen de bruma de bronce costero generado con media.io

5) Etiqueta de Museo

HEX: #0F3554 #2F6B8A #8C5A2B #D6C2A8 #F7F7F5

Ambiente: curada, académica, serena

Mejor para: rotulación de exposiciones y etiquetas murales

Curada y académica, evoca paredes de galería, papel de archivo y artefactos iluminados cuidadosamente. Azul marino y azul verdoso otorgan legibilidad a títulos e indicaciones. Aquí el bronce se inclina a lo antiguo, ideal para numeraciones, marcadores de sección y bordes sutiles. Consejo: imprime en papel cálido para que el beige y el bronce se perciban intencionados, no accidentales.

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

6) Plano y Latón

HEX: #123B66 #2A74A5 #4DA3C7 #B8792B #F0E5D6

Ambiente: confiado, moderno, limpio

Mejor para: UI de dashboard SaaS y tarjetas de datos

Confiada y moderna, evoca un plano técnico nítido con sujetadores de latón. Los tres azules proporcionan jerarquía lista para superficies, estados y gráficos. Esta paleta luce mejor cuando el bronce se limita a acciones principales y métricas clave. Consejo: usa el tono crema como lienzo principal para que las pantallas densas nunca se vean pesadas.

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

7) Puerto Otoñal

HEX: #1B3A57 #3E7C8F #C4823B #9E8B78 #EEE4D7

Ambiente: acogedor, maduro, invitante

Mejor para: carta de café y piezas impresas de mesa

Acogedora y madura, recuerda un pueblo portuario en otoño con luces cálidas en los escaparates. El azul verdoso apaga el marino, facilitando la lectura de menús largos. El bronce brilla como acento en títulos de sección y énfasis de precio sin ser estridente. Consejo: fondos claros y el topo para reglas e íconos secundarios.

Ejemplo de imagen de puerto otoñal generado con media.io

8) Verdigrís Tranquilo

HEX: #0D3B4F #2F8C8D #7BAE9D #B87435 #E9E1D5

Ambiente: calmante, natural, discreto

Mejor para: pantallas onboarding app de bienestar

Calmante y natural, evoca agua mineral, vidrio marino y metal suavemente oxidado. Los azules verdosos crean un degradado sutil para onboarding y banners apacibles. El bronce funciona mejor como pequeño punto de calidez en indicadores de progreso, interruptores o enlaces. Consejo: evita sombras pesadas y deja que los tonos generen profundidad.

Ejemplo de imagen de verdigrís tranquilo generado con media.io

9) Editorial Tinta de Bronce

HEX: #0A1F33 #1F4E79 #B06C2E #E2D0B8 #3A3F45

Ambiente: serio, premium, literario

Mejor para: maquetación de artículo de revista

Seria y literaria, evoca páginas llenas de tinta con destellos de bronce en los márgenes. Marino oscuro y grafito dan contraste editorial para titulares y destacadas. El beige cálido hace cómodas las lecturas largas, mientras que el bronce añade acento premium para firmas y letras capitulares. Consejo: usa el bronce solo en un detalle tipográfico por página.

Ejemplo de imagen de tinta de bronce para editorial generado usando media.io

10) Poster del Cielo de Cobre

HEX: #2C4A6E #6FA8C7 #D08A3A #F5EDD9 #4F3A2A

Ambiente: optimista, aireado, artístico

Mejor para: cartel de evento para un festival diurno

Optimista y aireado, se siente como un cielo azul brillante con luz cálida de cobre. El azul claro es ideal para formas grandes y espacios negativos, mientras el azul marino da a la tipografía un anclaje limpio. Para combinaciones de azul y bronce que destacan, coloca cobre sobre el fondo crema y reserva el marrón para pequeños detalles de apoyo. Consejo: usa cobre para un gran elemento gráfico y deja todo lo demás tranquilo.

Ejemplo de imagen de póster cielo de cobre generado usando media.io

11) UI Urban Foundry

HEX: #101820 #1D4E89 #5C7EA6 #B76E34 #D8CFC4

Ambiente: audaz, urbano, profesional

Mejor para: panel de control de app de finanzas

Audaz y urbana, recuerda vigas de acero con un cálido resplandor de bronce. El casi negro da a la interfaz una sensación premium, mientras los dos tonos de azul mantienen los gráficos legibles y modernos. El bronce es ideal para llamadas a la acción principales y totales importantes, especialmente sobre el fondo gris cálido. Consejo: mantén el espaciado consistente para que la paleta se perciba limpia, no recargada.

Ejemplo de imagen de UI urban foundry generado usando media.io

12) Empaques de Mercado Nocturno

HEX: #0E2A47 #275D7A #C77C34 #F1D7B8 #4A4A4A

Ambiente: rico, apetitoso, artesanal

Mejor para: empaque de bolsa y etiqueta de café

Rico y orientado al craft, se siente como luz de linterna sobre puestos azul profundo y jarras de cobre. Los azules más oscuros crean una base premium fuerte para el empaque, mientras que el bronce se percibe delicioso y tostado. Usa el beige cálido para paneles de etiquetas para que el texto importante sea claro a simple vista. Consejo: elige acabado mate para los azules y con brillo para el acento de bronce.

Ejemplo de imagen de empaque de mercado nocturno generado usando media.io

13) Boda Naval del Desierto

HEX: #0F2F4A #3F6B7F #A96A3A #EAD9C5 #C9B8A7

Ambiente: romántico, terroso, eterno

Mejor para: set de invitaciones de boda

Romántico y terroso, evoca el crepúsculo del desierto con un cielo azul marino y acentos de bronce calentados por el sol. El azul grisáceo suave mantiene la tipografía delicada sin perder formalidad. Combina el bronce con los tonos crema para detalles en foil, monogramas o ilustraciones lineales. Consejo: mantén el fondo de la invitación claro y usa azul marino para los nombres para que todo sea legible.

Ejemplo de imagen de boda naval del desierto generado usando media.io

14) Cristal del Observatorio

HEX: #0C2340 #2D5F88 #7FB6C8 #C08A4D #F6F0E6

Ambiente: nítido, luminoso, clásico moderno

Mejor para: diapositivas de presentación y temas de keynote

Nítido y luminoso, se siente como mirar a través de cristal limpio hacia un instrumento de bronce. Los tres azules se asignan naturalmente a título, subtítulo y capas de datos, manteniendo las diapositivas consistentes. Si deseas una combinación azul-bronce premium para proyectores, usa bronce solo para números clave e iconos. Consejo: mantén el fondo casi blanco y evita gradientes pesados para preservar la claridad.

Ejemplo de imagen cristal del observatorio generado usando media.io

15) App Marea de Bronce

HEX: #142E4A #245A7A #3C8DA3 #B86F2D #E8DCCB

Ambiente: activo, costero, fresco

Mejor para: pantalla principal de app de fitness

Activo y costero, evoca imágenes de agua profunda, equipamiento deportivo y herrajes metálicos cálidos. La progresión de azules ayuda a diferenciar estados claros en tarjetas, gráficas y anillos de progreso. El bronce es un destacado excelente para streaks, trofeos y botones principales cuando el fondo es claro. Consejo: usa teal para estados de éxito y reserva bronce para logros.

Ejemplo de imagen de app marea de bronce generado usando media.io

16) Interiores de Medalla Antigua

HEX: #1A2E3B #355C6E #B27A3F #DCC9B0 #7A6A5A

Ambiente: acogedor, patrimonial, táctil

Mejor para: estilismo de sala de estar

Acogedor y con inclinación a lo patrimonial, se siente como una medalla antigua sobre un abrigo azul marino. El azul grisáceo profundo funciona bien en paredes y textiles grandes, mientras que el azul grisáceo claro suaviza la habitación. El bronce aporta calidez a luminarias y herrajes, especialmente junto a tonos arenosos y taupe. Consejo: equilibra bronce metálico con acabados mate para mantener la paleta relajada, no llamativa.

Ejemplo de imagen de interiores medalla antigua generado usando media.io

17) Logo Vapor

HEX: #0B2B3C #1C5771 #B5722D #F3E9DA #2E3E46

Ambiente: audaz, marítimo, seguro

Mejor para: conceptos de logo y monograma

Audaz y marítimo, sugiere cascos pintados, agua profunda y remaches de bronce cálido. Los azules son lo suficientemente fuertes para marcas sólidas y tipografía, mientras el bronce añade carácter sin afectar la legibilidad. Usa el crema como espacio negativo para mantener la marca nítida en tamaños pequeños. Consejo: prueba el logo en un solo color primero y luego agrega bronce como acento.

Ejemplo de imagen de logo vapor generado usando media.io

18) Spotlight de Galería

HEX: #112E51 #356D8C #9CC4D3 #AF6B2F #E6DCD1

Ambiente: brillante, curado, contemporáneo

Mejor para: flyer de exhibición de arte y publicación en redes sociales

Brillante y curado, se siente como luz de galería fría con un foco cálido de bronce. El azul pálido realza la composición para posters y gráficos sociales, mientras el azul oscuro mantiene el texto estructurado. El bronce funciona mejor en bloques de fecha, pines de lugar o una sola forma destacada. Consejo: mantén fondos neutros para que los azules permanezcan limpios y modernos.

Ejemplo de imagen de spotlight de galería generado usando media.io

19) Bulevar Lluvioso

HEX: #1B3045 #2F556A #4E8CA6 #C28A4A #B8A796

Ambiente: cinematográfico, urbano, equilibrado

Mejor para: diseño de cubierta de libro

Cinematográfico y urbano, evoca pavimento mojado reflejando luz azul de calle y resplandor de bronce en vitrinas. Los azules proporcionan un fondo sólido para el título, y el bronce cálido añade un toque humano. Combina el taupe neutro con texturas discretas como grano de papel para un acabado literario. Consejo: coloca el bronce detrás de un subtítulo corto o el nombre del autor para una jerarquía instantánea.

Ejemplo de imagen de bulevar lluvioso generado usando media.io

20) Bronce Celestial

HEX: #0A2440 #1D5B7A #5FB0C4 #C07A36 #F0E8DE

Ambiente: soñador, expansivo, animado

Mejor para: ilustración celestial acuarela

Soñador y expansivo, se siente como cielo nocturno desvaneciéndose al amanecer con una estela de cometa de bronce. Los azules se superponen bellamente para lavados y gradientes suaves, mientras el bronce añade un punto focal resplandeciente. Usa el neutro cálido como tono de papel para mantener la ilustración aireada. Consejo: deja que el teal maneje los medios tonos y usa el azul marino solo en las sombras más profundas.

Ejemplo de imagen de bronce celestial generado usando media.io

¿Qué Colores Combinan Bien con Azul y Bronce?

Los neutros cálidos (crema, arena, pergamino, gris cálido) son los compañeros más fáciles porque equilibran la diferencia de temperatura entre los azules fríos y el bronce cálido. También crean espacio visual para que el bronce permanezca como acento sin ser dominante.

Para un contraste más profundo, agrega carbón o casi negro para la tipografía y elementos de interfaz—esto mantiene la paleta legible y permite que el bronce sea un destacado deliberado. Si buscas un enfoque más fresco, un teal tipo cristal marino o azul pálido puede ampliar la gama sin perder el aire de “metal costero”.

En impresión o packaging, marrones sutiles y taupes combinan especialmente bien con el bronce porque refuerzan el carácter de metal envejecido. En productos digitales, elige blancos limpios y azules claros fríos si quieres lograr un look más moderno que vintage.

Cómo Usar una Paleta Azul y Bronce en Diseños Reales

Comienza con los azules como colores de sistema: uno azul oscuro para texto principal/navegación, uno azul medio para superficies/tarjetas y uno azul más claro para destacados, gráficos o secciones secundarias. Esto crea estructura antes de añadir cualquier color “especial”.

Utiliza el bronce como una señal, no un relleno: funcionan mejor botones principales, métricas clave, insignias, iconos y divisores finos. Si el bronce aparece demasiado, deja de percibirse premium y empieza a competir con el contenido.

Para mantener la accesibilidad fuerte, coloca bronce sobre neutros claros o úsalo para contornos/iconos en lugar de texto largo. Cuando el bronce debe estar en azul oscuro, aumenta el tamaño/peso y prueba contraste—especialmente para etiquetas pequeñas de UI.

Crea Visuales de Paletas Azul y Bronce con IA

Si vas a presentar un concepto o crear un moodboard, generar visuales rápidos guiados por paleta ayuda a que los interesados “vean” la dirección al instante. Las paletas azul-bronce son especialmente efectivas para posters, mockups de UI, packaging y tableros de marca.

Con la herramienta de texto a imagen de Media.io, puedes describir el diseño (poster, panel, hoja de logos), especificar el mood azul/bronce (náutico, editorial, industrial) e iterar hasta que los acentos y contraste se sientan correctos.

Prueba comenzar con uno de los prompts anteriores y cambiar el uso (ej., “hero de sitio web”, “set de invitaciones”, “etiqueta de producto”) manteniendo la misma historia de color.

Siguiente: Paleta de colores Blanco Nieve