Las 20 mejores paletas de color azul índigo con códigos hexadecimales

El azul índigo se encuentra entre el azul marino y el púrpura, aportando a los diseños una rara combinación de autoridad e imaginación. Puede parecer corporativo, cinematográfico, relajante o eléctrico según los acentos que lo acompañen.

A continuación encontrarás 20 ideas de paletas de color azul índigo con códigos HEX, además de consejos de uso real y prompts de IA que puedes reutilizar en Media.io.

Por qué las paletas de azul índigo funcionan tan bien

El azul índigo es naturalmente de alto contraste: es lo suficientemente oscuro para estabilizar diseños y crear jerarquía, pero aún tiene un matiz púrpura sutil que se siente más premium que el azul marino básico.

También es increíblemente flexible en distintos medios. En UI, el índigo permite una tipografía blanca legible y una visualización de datos limpia; en impresión, se percibe como tinta rica y combina perfectamente con tonos cálidos de papel.

Lo más importante es que el índigo combina bien con acentos fríos y cálidos—menta, cian, coral, dorado, rubor y marfil—por lo que puedes ajustar el ánimo de sereno a audaz sin cambiar el color base de tu marca.

Más de 20 ideas de paletas de color azul índigo (con códigos HEX)

1) Iris de Medianoche

HEX: #1B1A3A #2E2B5F #4A3E8C #B7B0E6 #F3F1FF

Estado de ánimo: misterioso, lujoso, calmado

Mejor para: UI de panel de control SaaS

Misterioso y aterciopelado, evoca luces urbanas reflejadas en el cielo nocturno. Usa el índigo profundo como base y deja que el lavanda suave y el casi blanco faciliten la lectura en tarjetas y tablas. Combínalo con sombras sutiles y componentes redondeados para mantenerlo moderno en lugar de gótico. Consejo: reserva el tono más brillante para CTA clave y estados activos para mantener un enfoque claro en la interfaz.

Ejemplo de imagen de iris de medianoche generado con media.io

Media.io

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

Prueba gratis ahora

2) Tinta Costera

HEX: #12233F #243B77 #2F7EA8 #CBEAF2 #F7FBFF

Estado de ánimo: fresco, moderno, aireado

Mejor para: página de aterrizaje de marca de viajes

Fresco y alegre, evoca olas de tinta azul y aire de la mañana claro. Estas combinaciones de azul índigo funcionan bien cuando quieres profundidad sin pesadez, especialmente con un aqua pálido para espacios abiertos. Combina el teal con iconos de líneas sencillas y reserva el tono más oscuro para encabezados y navegación. Consejo: usa el tinte más claro para separar secciones y mantener un ritmo tranquilo de desplazamiento.

Ejemplo de imagen de tinta costera generado con media.io

3) Anochecer Aterciopelado

HEX: #140D2B #2A1E4F #4E2D6A #D2A6C9 #F8EEF6

Estado de ánimo: dramático, romántico, exclusivo

Mejor para: packaging de fragancia de lujo

Dramático y romántico, recuerda cortinas de terciopelo y un lounge con luz tenue. El índigo casi negro crea un contraste premium, mientras el malva y el rubor suavizan el ambiente para productos de belleza. Combínalo con estampado metálico (plata o oro rosado) y tipografía minimalista para un acabado couture. Consejo: usa el tinte rubor en paneles laterales para crear profundidad en la iluminación de estudio.

Ejemplo de imagen de anochecer aterciopelado generado con media.io

4) Índigo y Marfil

HEX: #1F255C #3442A8 #8EA0FF #F2EBDD #FFFFFF

Estado de ánimo: limpio, clásico, seguro

Mejor para: kit de marca corporativa

Limpio y seguro, recuerda papelería elegante sobre un escritorio ejecutivo. El índigo aporta autoridad, mientras el marfil y el blanco mantienen los diseños abiertos y accesibles. Combina con un solo peso audaz para titulares y muchos márgenes para una sensación pulida y global. Consejo: usa el periwinkle como acento secundario en gráficos y destaques para evitar ruido visual.

Ejemplo de imagen de índigo y marfil generado con media.io

5) Orquídea Eléctrica

HEX: #1A1B4B #3A2BCB #A12CFF #FF57C8 #FFF0FA

Estado de ánimo: audaz, enérgico, futurista

Mejor para: póster de festival de música

Audaz y eléctrica, recuerda señales de neón y ritmos nocturnos. El índigo profundo ancla los tonos brillantes, permitiendo que el púrpura y el magenta resalten sin caos. Combina con formas geométricas y tipografía de alto contraste para causar impacto a distancia. Consejo: usa el rosa claro como espacio negativo para horarios y detalles en letra pequeña.

Ejemplo de imagen de orquídea eléctrica generado con media.io

6) Crepúsculo Denim

HEX: #202A44 #2E4A7F #7B93B7 #C9D2DC #F6F7F9

Estado de ánimo: casual, fiable, relajado

Mejor para: pantallas de onboarding de app

Relajado y familiar, recuerda denim desgastado y un cielo crepuscular suave. El índigo medio y los azules pizarra generan confianza, mientras grises claros mantienen las pantallas de onboarding aireadas y legibles. Combina con ilustraciones redondeadas e indicadores sencillos de progreso para reducir fricción. Consejo: usa el azul medio en botones primarios y reserva el tono más oscuro solo para encabezados.

Ejemplo de imagen de crepúsculo denim generado con media.io

7) Lavanda Lunar

HEX: #23214E #3B3A87 #7F7BD1 #D9D7F6 #F9F9FF

Estado de ánimo: soñador, suave, sereno

Mejor para: portada de diario de bienestar

Soñador y sereno, recuerda la luz de la luna sobre pétalos de lavanda claros. Esta paleta de azul índigo es especialmente relajante para diseños de bienestar y autocuidado que buscan suavidad sin perder estructura. Combina con encabezados serif delgados y gradientes suaves que transitan del índigo al lila. Consejo: usa el tono más profundo solo en pequeñas dosis en títulos y lomo para evitar una portada pesada.

Ejemplo de imagen de lavanda lunar generado con media.io

8) Humo Zafiro

HEX: #0E1B2D #1D3557 #3A6EA5 #9FBAD3 #E9F0F6

Estado de ánimo: frío, profesional, equilibrado

Mejor para: UI de analítica fintech

Frío y equilibrado, sugiere cristal zafiro y humo suave sobre el horizonte. Los tonos navy índigo oscuros hacen que los datos se perciban serios, mientras los azules apagados mantienen los gráficos legibles y tranquilos. Combina con líneas de cuadrícula delgadas, formatos claros de números e iconografía contenida. Consejo: usa el azul-gris más claro como fondo de tarjetas para que los datos sean los protagonistas.

Ejemplo de imagen de humo zafiro generado con media.io

9) Ciruela Tormentosa

HEX: #1A1633 #33224D #5A3A7A #B49ACB #EFE7F3

Estado de ánimo: sombrío, artístico, refinado

Mejor para: spread de revista editorial

Sombrío y refinado, evoca nubes de tormenta teñidas de ciruela. Índigo profundo y berenjena son fuertes para titulares, mientras el lila pálido da espacio para lectura extensa. Combínalo con fotografía en blanco y negro y una cuadrícula estricta para potenciar el estilo editorial. Consejo: mantén el cuerpo de texto oscuro y usa el tinte ciruela solo en citas destacadas y etiquetas de sección.

Ejemplo de imagen de ciruela tormentosa generado usando media.io

10) Art Deco Índigo

HEX: #14163A #27307A #D7B35C #F3E7C8 #FFFFFF

Estado de ánimo: glamuroso, vintage, alto contraste

Mejor para: invitación para evento

Glamuroso y vintage, evoca salones art déco y cálidas luces de champán. Índigo combinado con dorado antiguo resulta festivo al instante, mientras que los tonos crema mantienen la composición elegante. Combina con bordes geométricos y una tipografía condensada para una apariencia acorde con la época. Consejo: mantén los elementos dorados finos y estratégicos para que el diseño se imprima claramente en papel texturizado.

Ejemplo de imagen de art deco índigo generado usando media.io

11) Pizarra Zen

HEX: #1C2233 #2C3756 #5C6E8A #CBD3DD #F5F7FA

Estado de ánimo: minimalista, sobrio, silencioso

Mejor para: sitio web de estudio de arquitectura

Silencioso y sobrio, evoca la piedra pizarra, acero y luz diurna limpia. Los tonos oscuros con matiz índigo resultan serios para la navegación y estudios de caso, mientras los grises suaves mantienen los portafolios nítidos. Combina con fotografía grande, líneas finas y espacios generosos para resaltar el oficio. Consejo: usa el tono intermedio de pizarra para estados hover, así las interacciones siguen siendo sutiles.

Ejemplo de imagen de pizarra zen generado usando media.io

12) Observatorio de Berrys

HEX: #1B1441 #2B2E8F #7C2A8F #E04677 #FFE6EE

Estado de ánimo: lúdico, cósmico, expresivo

Mejor para: branding de canal de streaming

Lúdico y cósmico, se siente como un observatorio nocturno con señales de tonos berry. El contraste entre índigo, violeta y frambuesa hace que las miniaturas e insignias destaquen en los feeds concurridos. Combina con tipografía sans-serif audaz y simples motivos de estrellas u órbitas para reconocimiento instantáneo. Consejo: usa el tono rubor de fondo en banners con mucho texto para mantener la claridad.

Ejemplo de imagen de observatorio de berrys generado usando media.io

13) Amanecer Índigo

HEX: #1A2057 #3845C6 #FF8A5B #FFD3A6 #FFF6EE

Estado de ánimo: optimista, cálido, alto contraste

Mejor para: diapositivas de pitch para startup

Optimista y enérgico, parece el calor del amanecer atravesando un horizonte índigo profundo. Esta gama de azules índigo es ideal para diapositivas donde necesitas una estructura segura más un acento memorable. Combina el coral con gráficos simples y destacados, manteniendo el fondo principalmente crema para mejor legibilidad. Consejo: limita el coral a un elemento por diapositiva para preservar su impacto.

Ejemplo de imagen de amanecer índigo generado usando media.io

14) Silencio de Museo

HEX: #121A2B #2A3153 #6D7396 #D7D5CF #FAF8F2

Estado de ánimo: atemporal, comedido, curado

Mejor para: sitio de portafolio para fotógrafos

Atemporal y curado, se siente como una galería de museo con pintura de paredes suave e impresiones enmarcadas. Los tonos oscuros indigo aportan finura a la navegación, mientras los grises cálidos mantienen las imágenes fieles al color. Combina con una interfaz mínima y deja que la fotografía domine la página. Consejo: usa el blanco cálido para los fondos y así evitar la dureza del blanco puro.

Ejemplo de imagen de silencio de museo generado usando media.io

15) Plano Neón

HEX: #0B1028 #1E2A78 #2DE2E6 #B7F7F8 #F4FEFF

Estado de ánimo: tecnológico, nítido, futurista

Mejor para: volante para conferencia de desarrolladores

Tecnológico y nítido, evoca líneas de plano iluminadas por cian neón. Estas combinaciones de azul índigo brillan en materiales de evento donde se busca una base oscura y un solo acento de alta energía. Combina con detalles monoespaciados, patrones de cuadrícula y jerarquía clara para horarios y ponentes. Consejo: reserva el cian para detalles clave como fechas y lugar, facilitando un escaneo rápido.

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

16) Puerto Invernal

HEX: #0F1A30 #233B6E #5F7FB2 #C9D8EA #F6FAFF

Estado de ánimo: frío, estable, espacioso

Mejor para: sitio web de envíos y logística

Frío y estable, evoca un puerto invernal con aguas tranquilas y grúas de acero. Los azules en capas transmiten fiabilidad para páginas operativas y de seguimiento, y los tonos pálidos hacen los formularios agradables a la vista. Combina con iconografía clara y mucho espacio en blanco para un aspecto práctico y sereno. Consejo: utiliza el azul medio para etiquetas de estado y facilitar el escaneo visual.

Ejemplo de imagen de puerto invernal generado usando media.io

17) Arcilla Índigo

HEX: #1C1D3B #3A3C78 #C07B5A #E7C7B7 #FBF2EE

Estado de ánimo: terroso, creativo, artesanal

Mejor para: anuncio de producto de tienda de cerámica

Terroso y artesanal, evoca el tinte índigo junto a la arcilla cálida en una mesa de trabajo. Esta combinación de azul índigo equilibra habilidad y sofisticación, perfecta para narrativa de productos de pequeñas series. Combina con texturas naturales, sombras suaves y neutros cálidos para que el acento terracota parezca intencional. Consejo: reserva el tono arcilla para etiquetas de precio o destacados y guiar la vista sin exagerar.

Ejemplo de imagen de arcilla índigo generado usando media.io

18) Papelería Real

HEX: #151A4A #2A2F8A #5F6FE6 #D9DDFB #FFFFFF

Estado de ánimo: formal, pulido, brillante

Mejor para: set de invitaciones de boda

Formal y pulido, recuerda la tinta clásica en papel brillante con un toque regio. Un índigo intenso aporta tradición, mientras los periwinkles claros añaden suavidad para parejas modernas. Combina con bordes delicados, detalles en script y mucho espacio en blanco para un acabado de impresión limpio. Consejo: utiliza el azul intermedio para divisores de sección y mantener la coherencia entre las piezas del set.

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

19) Azul Marino Cósmico

HEX: #070A1E #141B4D #3F4ACB #9AA6FF #F0F2FF

Estado de ánimo: cinematográfico, audaz, elegante

Mejor para: interfaz de app de videojuegos

Cinematográfico y elegante, parece espacio profundo acentuado por reflejos azules. El azul marino casi negro centra la atención en los menús del juego, y los tonos índigo claros añaden movimiento y energía. Combina con botones luminosos, degradados sutiles y tipografía de alto contraste para legibilidad instantánea. Consejo: reserva el lavanda claro para consejos e indicaciones pequeñas y así disminuir el brillo en pantallas oscuras.

Ejemplo de imagen de azul marino cósmico generado usando media.io

20) Jardín Índigo

HEX: #1B1E4B #3A3FA3 #4DAA7A #BFE7D1 #F3FFF8

Estado de ánimo: fresco, botánico, equilibrado

Mejor para: ilustración botánica en acuarela

Fresco y botánico, sugiere pétalos índigo sobre hojas verdes nuevas después de la lluvia. Estas combinaciones de azul índigo se sienten especialmente vivas cuando el verde se usa como acento sutil y no como base competidora. Combina con texturas suaves y mucho espacio en blanco para que la ilustración respire. Consejo: reserva el índigo más profundo para contornos y sombras y así resaltar los verdes.

Ejemplo de imagen de jardín índigo generado usando media.io

¿Qué colores quedan bien con el azul índigo?

El azul índigo combina fácilmente con neutros nítidos como blanco, marfil y grises fríos: estos mantienen los diseños aireados a la vez que el índigo aporta estructura para cabeceras, navegación y secciones hero.

Para acentos, elige contraste cálido (coral, terracota, oro antiguo, rubor) o energía fría (menta, cian, aqua). Los acentos cálidos hacen que el índigo sea más amigable y editorial; los fríos lo perciben más tecnológico y moderno.

Si buscas un look tonal, forma una paleta azul-violeta con lila, periwinkle o violeta. Así logras armonía y aún tienes separación para botones, gráficos y destacados.

Cómo usar una paleta de color azul índigo en diseños reales

Comienza con el índigo como “color ancla”: utilízalo en la navegación superior, títulos principales o secciones oscuras. Luego usa tintes claros (casi blanco, lavanda pálida o azul grisáceo) en fondos y tarjetas para mantener la legibilidad del texto.

Limita los acentos saturados a una función. Ejemplo: coral solo para CTA, menta solo en estados exitosos u oro solo para divisores e insignias premium. Así evitas que el índigo se vea turbio y que la paleta se vuelva caótica.

En impresión, el índigo luce más rico evitando el negro puro. Usa un índigo muy oscuro para texto principal y solo recurre al negro cuando necesites el máximo contraste (como códigos de barras o microtexto).

Crea visuales de paletas de color índigo con IA

Si ya tienes códigos HEX, puedes convertirlos rápidamente en maquetas reales describiendo explícitamente el layout (panel, póster, empaque) y los colores a priorizar para la IA.

Para resultados consistentes, mantén tus prompts específicos: menciona “colores dominantes” para los indigo base, “acentos” para los destellos, y añade restricciones como “sin marco de dispositivo” o “fondo neutro” para salidas limpias.

Genera varias variaciones y luego reutiliza el mejor estilo de imagen como plantilla para futuros activos de marca—esto es especialmente útil para publicaciones en redes sociales, landing pages y presentaciones.

Siguiente: Paleta de colores menta verde menta