Las 20 mejores paletas de colores zafiro: códigos hexadecimales y consejos

El zafiro es un azul profundo, inspirado en gemas, que transmite confianza sin ser llamativo. Es un color base ideal para diseños que requieren confianza, claridad y un toque premium.

A continuación, se presentan paletas de colores zafiro prácticas con códigos HEX, además de consejos para combinar el zafiro en branding, UI y formato impreso—para que tu azul siempre sea intencionado y legible.

Por qué funcionan tan bien las paletas de zafiro

El zafiro pertenece a la gama de los “azules confiables”, por lo que naturalmente apoya temas como estabilidad, inteligencia y profesionalismo. Por eso aparece con frecuencia en finanzas, SaaS, salud y diseños editoriales.

También posee un rango de contraste fuerte: el zafiro puede combinarse con casi negro para una profundidad cinematográfica, o con tonos helados para interfaces limpias y enfocadas en datos. Esta flexibilidad facilita la construcción de un sistema completo de estados (principal, hover, bordes, fondos) alrededor de un solo color protagonista.

Por último, el zafiro se combina bien con acentos. El dorado, el coral, el cian, el blush y hasta los marrones café pueden resaltar sobre él—lo que te permite ajustar el estilo de premium a divertido sin cambiar el color principal de tu marca.

Más de 20 ideas de paletas de colores zafiro (con Códigos HEX)

1) Puerto Medianoche

HEX: #0F52BA #0B1D39 #1D3557 #E6EEF7 #C9A227

Ambiente: oscuro, pulido, náutico

Ideal para: identidad de marca para finanzas o servicios marítimos

Azules de puerto sombrío con un acento color latón evocan muelles nocturnos, uniformes impecables y confianza tranquila. Utiliza el azul marino profundo como base y deja el azul más brillante para enlaces, botones y titulares clave. Combina el blanco roto para dar espacio y reserva el dorado para pequeños detalles como distintivos o iconos. Consejo: mantén el dorado por debajo del 5% del diseño para conservar una sensación premium.

Ejemplo de imagen de puerto medianoche generado usando media.io

Media.io

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

Pruébalo Gratis Ahora

2) Brillo de Gema

HEX: #0F52BA #2D7FF9 #0A2A6A #F4F6FA #FF6B6B

Ambiente: vívido, moderno, enérgico

Ideal para: sección hero de la página de destino de una app

Azules vibrantes con un destello de coral cálido evocan la luz refractándose en una gema cortada. Esta paleta de zafiro destaca en zonas hero donde se necesita contraste instantáneo y jerarquía clara. Usa el azul más oscuro para la navegación, el azul brillante en degradados y el coral solo para llamadas de acción primarias. Consejo: prueba el coral sobre el fondo blanco roto primero para evitar sobresaturación en áreas grandes.

Ejemplo de imagen de brillo de gema generado usando media.io

3) Tinta Costera

HEX: #123B7A #0F52BA #2E86AB #F2E9E4 #5C677D

Ambiente: calmado, costero, editorial

Ideal para: diseño de reportaje de revista

Azules tinta y tonos vidrio-marino evocan horizontes oceánicos y papel desvanecido por el sol. Usa el crema como base para mantener la lectura cómoda, luego apóyate en el azul zafiro para destacados y encabezados de secciones. El gris frío funciona bien para reglas, pies de foto y divisores sutiles estilo UI en la impresión. Consejo: usa el tono de tinta profunda para el texto principal y así conservar la legibilidad.

Ejemplo de imagen de tinta costera generado usando media.io

4) Noche Aterciopelada

HEX: #081A33 #0F52BA #3A86FF #2B2D42 #F8F9FA

Ambiente: elegante, cinematográfico, alto contraste

Ideal para: tema UI de servicio de streaming

Oscuros aterciopelados con toques de azul eléctrico evocan el vestíbulo de un cine justo antes del inicio. Construye la interfaz sobre paneles casi negros y usa los azules brillantes para estados de foco, barras de progreso y pestañas activas. El blanco suave debe usarse principalmente en textos e iconos para evitar reflejos. Consejo: aumenta ligeramente el interlineado en fondos oscuros para mantener la legibilidad.

Ejemplo de imagen de noche aterciopelada generado usando media.io

5) Zafiro Ártico

HEX: #0F52BA #7DD3FC #E0F2FE #0B1320 #A7B8C7

Ambiente: fresco, aireado, limpio invernal

Ideal para: UI de panel de control de salud

Tonos helados y azules nítidos evocan aire puro, datos claros y un espacio clínico tranquilo. Usa el azul más pálido como fondo y el azul saturado para destacados en gráficos y métricas clave. El casi negro es ideal para títulos y etiquetas críticas sin resultar agresivo. Consejo: añade mucho espacio para que la paleta fría permanezca amigable y no estéril.

Ejemplo de imagen de zafiro ártico generado usando media.io

6) Libro Mayor Vintage

HEX: #0F52BA #1E2A3A #D8C3A5 #F5F1E8 #B56576

Ambiente: herencia, literario, refinado

Ideal para: diseño de portada y lomo de libro

Tonos patrimoniales como papel antiguo, tinta y tela desgastada hacen que los azules se sientan coleccionados y atemporales. Usa el tono crema para el fondo de portada y el azul profundo para el título y autor. El rosa empolvado funciona como detalle para sellos, líneas o una banda de subtítulo. Consejo: prueba una textura sutil encima para reforzar el ambiente vintage sin dificultar la lectura.

Ejemplo de imagen de libro mayor vintage generado usando media.io

7) Arcada Neón

HEX: #0F52BA #00D4FF #7C3AED #111827 #F9FAFB

Ambiente: atrevido, divertido, futurista

Ideal para: cartel de evento para noche de videojuegos

Azules vibrantes, violeta y cian evocan letreros de neón reflejados en suelos brillantes. Estas combinaciones de zafiro funcionan mejor con tipografía grande, formas simples y alto contraste. Mantén el fondo oscuro para que los acentos brillantes resalten, y usa el blanco solo para detalles clave como fecha y lugar. Consejo: limita los degradados a un área focal para que el cartel sea legible a distancia.

Ejemplo de imagen de arcada neón generado usando media.io

8) Campanillas Botánicas

HEX: #0F52BA #3B82F6 #A7F3D0 #F7F3E9 #2F4858

Ambiente: fresco, botánico, optimista

Ideal para: set de ilustraciones florales de primavera

Azules frescos y verdes menta evocan campanillas, rocío matutino y una brisa ligera. Utiliza el tono crema como papel, luego pinta pétalos en azul medio usando el pizarra oscuro para líneas y sombras. El tono menta funciona mejor como secundario en hojas, no como relleno principal. Consejo: mantén los contornos ligeramente apagados para lograr una ilustración suave y natural.

Ejemplo de imagen de campanillas botánicas generado usando media.io

9) Editorial de Museo

HEX: #0F52BA #0D1B2A #EDE7DF #8D99AE #C7A27C

Ambiente: culto, calmado, estilo galería

Ideal para:diseño de folleto de museo

Los neutros tipo galería con un acento azul profundo transmiten una sensación curada, silenciosa e intencional. Usa el blanco cálido para la página y aplica el azul zafiro en los encabezados, pestañas de sección y señales de orientación. El tono beige funciona maravillosamente para pequeños resaltados o categorías de exposición sin volver el diseño rústico. Consejo: mantén márgenes amplios para imitar el espacio de respiro de las etiquetas de los muros del museo.

Ejemplo de imagen editorial de museo generada con media.io

10) Cerulean Sand

HEX: #0F52BA #2EC4B6 #FFBF69 #FDFCDC #1B263B

Ambiente:soleado, costero, alegre

Ideal para:volante de viaje para tours de playa

Los azules soleados con amarillo arena evocan agua clara y orillas cálidas. Usa el fondo cremoso para mantener el volante brillante, y luego aplica el azul zafiro para los títulos y bloques de precios clave. El azul verdoso y el amarillo deben actuar como acentos de apoyo para iconos, distintivos y divisores de sección. Consejo: utiliza el azul marino más oscuro para el texto principal para asegurar contraste en papeles claros.

Ejemplo de imagen cerulean sand generada con media.io

11) Tech Minimal

HEX: #0F52BA #111827 #6B7280 #F3F4F6 #22C55E

Ambiente:limpio, moderno, confiable

Ideal para:interfaz de dashboard para producto SaaS

Neutros limpios con azul seguro evocan documentación nítida y datos bien estructurados. Esta paleta de zafiro encaja en dashboards donde la claridad es primordial, con azul para acciones principales y estados destacados. El verde debe usar solo para estados de éxito y el gris para texto secundario y bordes. Consejo: mantén estilos de botón consistentes para que el azul siga siendo la señal de interacción más fuerte.

Ejemplo de imagen tech minimal generada con media.io

12) Wedding Seaspray

HEX: #0F52BA #94A3B8 #F8FAFC #F1D4D4 #1F2937

Ambiente:romántico, aireado, elegante

Ideal para:conjunto de invitación de boda

Azules etéreos con rubor y gris suave evocan brisa marina, cintas de seda y la luz del atardecer. Usa el casi blanco como base de la tarjeta y reserva el azul para monogramas, bordes y encabezados RSVP. El rubor funciona mejor en pequeños motivos florales o una fina línea de acento. Consejo: elige un papel con una textura un poco más pesada para que los tonos fríos se sientan cálidos y táctiles.

Ejemplo de imagen wedding seaspray generada con media.io

13) Coffeehouse Contrast

HEX: #0F52BA #3B2F2F #C9B29B #F5F0E6 #2E2A24

Ambiente:acogedor, con arraigo, sofisticado

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

Marrones con base fuerte y acento azul evocan crema de espresso junto a una taza cerámica pulida. Usa crema cálida para el fondo del menú, luego titula la sección en marrón profundo para una apariencia artesanal. El azul debe reservarse para divisores de sección, precios o un pequeño logo para crear un contraste memorable. Consejo: mantén el acento consistente en todas las páginas para que el menú se perciba como un sistema unificado.

Ejemplo de imagen coffeehouse contrast generada con media.io

14) Space Observatory

HEX: #0F52BA #050A14 #1B3A57 #9CA3AF #E5E7EB

Ambiente:misterioso, preciso, cósmico

Ideal para:presentación para conferencia científica

Tonos oscuros espaciales con toques de azul intenso evocan mapas estelares y lecturas instrumentales. Usa casi negro en los fondos de las diapositivas y aplica azul saturado para títulos de sección y cifras clave. Los grises claros mantienen los gráficos legibles sin agregar destellos blancos fuertes. Consejo: utiliza un solo azul consistente para énfasis y evitar una apariencia recargada o de ciencia ficción.

Ejemplo de imagen space observatory generada con media.io

15) Kids Learning UI

HEX: #0F52BA #60A5FA #FDE047 #F97316 #F8FAFC

Ambiente:amigable, brillante, animado

Ideal para:UI de app educativa para niños

Azules brillantes con amarillo y naranja evocan juego, confianza y facilidad de uso. El azul claro es ideal para tarjetas y superficies, mientras que el azul profundo da peso a la navegación y etiquetas clave. Amarillo y naranja son perfectos para recompensas, medallas y momentos de progreso para aportar alegría. Consejo: manten las áreas de texto mayormente en blanco para que los acentos llamativos no compitan con la legibilidad.

Ejemplo de imagen kids learning ui generada con media.io

16) Luxury Watch Ad

HEX: #0F52BA #0A0F1C #D4AF37 #E9EEF5 #2B3445

Ambiente:lujoso, dramático, preciso

Ideal para:anuncio de producto para reloj de lujo

Tonos de medianoche dramáticos con acento dorado evocan ingeniería de precisión e iluminación de sala de exhibición. Esta paleta de zafiro es ideal para anuncios de productos premium donde se busca alto contraste y un brillo contenido. Mantén el fondo casi negro, usa azul para sutiles destellos o tipografías, y aplica dorado solo para el logo o una línea de detalle. Consejo: utiliza suficiente espacio negativo para que el producto siga siendo el protagonista.

Ejemplo de imagen luxury watch ad generada con media.io

17) Mountain Twilight

HEX: #0F52BA #1E3A8A #334155 #CBD5E1 #F1F5F9

Ambiente:fresco, aventurero, estable

Ideal para:banner de ecommerce para equipo outdoor

Azules crepusculares y grises pizarra evocan aire de montaña y cordilleras distantes. Usa los azules oscuros para titulares y nombres de producto, y grises claros para paneles de fondo y bloques de precio. Esta combinación funciona especialmente bien con fotografía monocroma de producto e iconos mínimos. Consejo: añade un botón azul destacado por banner para mantener la atención en la acción principal.

Ejemplo de imagen mountain twilight generada con media.io

18) Soft Office Calm

HEX: #0F52BA #93C5FD #E5E7EB #FFFFFF #1F2937

Ambiente:tranquilo, accesible, profesional

Ideal para:plantilla de presentación corporativa

Azules suaves con neutros limpios transmiten organización, confianza y comodidad visual. Usa el blanco como lienzo principal y un azul consistente para encabezados de sección y gráficos. El azul claro es ideal para formas suaves y cajas destacadas sin sobrecargar. Consejo: usa solo un peso de tipografía para el texto de cuerpo y deja que el color (no la tipografía) marque la jerarquía.

Ejemplo de imagen soft office calm generada con media.io

19) Festival Poster Pop

HEX: #0F52BA #FF2D55 #FFD166 #0B1320 #F8F9FA

Ambiente:estridente, festivo, enérgico

Ideal para:poster de festival de música

Los rosas vibrantes y el amarillo cálido sobre azul intenso evocan luces de escenario y noches en la gran ciudad. Estos combinaciones de zafiro son ideales para pósters que requieren energía instantánea y alta legibilidad. Usa la base oscura para contraste, el azul para el título principal y deja que el rosa destaque llamadas clave como fechas e info de entradas. Consejo: limita las tipografías a dos para dejar que el color lleve la emoción sin ruido visual.

Ejemplo de imagen festival poster pop generada con media.io

20) Night Swim

HEX: #0F52BA #0A2E4E #22D3EE #0B1320 #E0F2FE

Ambiente:fresco, refrescante, nocturno

Ideal para:diseño de empaque para skincare

Azules frescos con un toque aqua brillante evocan agua a la luz de la luna y una sensación de frescura y limpieza. Usa los tonos más profundos como base del frasco o tubo, luego aplica el aqua para los reclamos clave y pequeños iconos. Los tonos hielo pálidos funcionan bien como campos de etiqueta para dar legibilidad. Consejo: utiliza barniz local en el acento para enfatizar el acabado fresco y húmedo sin sumar nuevos colores.

Ejemplo de imagen night swim generada con media.io

¿Qué colores combinan bien con el zafiro?

El zafiro combina maravillosamente con neutros frescos como blanco roto, gris claro y carbón ya que mantienen el azul estructurado y moderno. Estas combinaciones son especialmente confiables para dashboards, composiciones editoriales y sistemas de marca con mucho texto.

Para un look premium, combina zafiro con acentos metálicos (dorado, latón, beige cálido) y limita los acentos a pequeños momentos UI o detalles impresos. Para aportar energía, suma complementos cálidos como coral, fucsia o amarillo — ideales como CTAs, etiquetas o medallas.

Si buscas un enfoque fresco y aireado, mezcla zafiro con azules hielo, menta o aguamarina. Mantienes una paleta fría pero variada, ideal para salud, bienestar y empaques limpios.

Cómo usar una paleta de color zafiro en diseños reales

Empieza asignando roles: elige un zafiro como color principal de marca/UI, luego uno más oscuro tipo "tinta" para texto y navegación. Agrega un neutro de fondo (blanco, blanco roto o azul pálido) para cuidar la legibilidad y el espacio.

Usa los acentos con moderación. Un solo acento cálido (coral, dorado o amarillo) funciona mejor cuando indica acción o importancia — como botones principales, métricas clave o detalles impresos limitados.

Antes de lanzar, revisa el contraste en modo claro y oscuro. El zafiro suele verse más brillante en pantalla que en impresión, así que prueba en dispositivos reales y considera atenuar un poco la saturación para superficies grandes.

Crea visuales de paletas zafiro con IA

Si ya tienes códigos HEX, puedes generar rápidamente mockups — pósters, pantallas UI, empaques o tableros de marca — para ver cómo se comporta el zafiro en contexto. La prueba visual es la forma más rápida de validar contraste, jerarquía y balance de acentos.

Con Media.io text-to-image, puedes generar ejemplos de diseño coherentes describiendo la composición, luz y estilo (por ejemplo: “folleto editorial”, “UI modo oscuro” u “anuncio de producto en estudio”) manteniendo el zafiro como color dominante.

Prueba generar varias variaciones con diferentes acentos (dorado vs coral vs cian) para encontrar el tono que más coincida con la personalidad de tu marca.

Siguiente: Paleta de colores púrpura real