Paletas de colores púrpura y azul oscuro: 20 ideas con códigos hexadecimales

Una paleta de colores púrpura azul oscuro es una de las combinaciones “centradas en el ambiente” más versátiles que puedes usar en el diseño moderno. Puede sentirse cinematográfica y lujosa, pero también limpia y técnica dependiendo de los acentos.

A continuación encontrarás 20 combinaciones seleccionadas de púrpura y azul oscuro con códigos HEX, más consejos prácticos para contraste, branding, interfaces y diseños de carteles.

Por qué las paletas púrpura azul oscuro funcionan tan bien

El púrpura aporta creatividad y personalidad, mientras que el azul oscuro suma confianza y estructura. Juntos, crean una historia de color equilibrada que puede oscilar entre “premium” y “divertida” sin perder coherencia.

Estas paletas también sobresalen en interfaces de modo oscuro y en carteles nocturnos porque las bases profundas proporcionan contraste natural. Puedes mantener los diseños tranquilos con tonos suaves o aumentar la energía con acentos neón (cian, menta, rosa o dorado).

Lo más importante es que el dúo púrpura + azul marino/índigo suele fotografiar y renderizarse maravillosamente en pantallas, lo que las convierte en una opción fiable para sistemas de branding, componentes UI y creativos de marketing.

20+ Ideas de paletas de colores púrpura azul oscuro (con códigos HEX)

1) Orquídea Medianoche

HEX: #2B124C #1A1F5A #4B2E83 #8F7BD9 #F2E9FF

Ambiente: misterioso, elegante, moderno

Ideal para: branding y sistema de logotipos

Misteriosa y pulida, se siente como pétalos aterciopelados bajo un cielo de medianoche. Las bases profundas mantienen los diseños anclados mientras el lila aporta un brillo limpio y premium. Usa esta paleta púrpura azul oscuro para logotipos, papelería o landings que necesiten confianza sin ser agresivos. Combina con negro mate o marfil cálido, y reserva el tono más claro para espacios en blanco y pequeños detalles.

Ejemplo de imagen de orquídea 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.

Pruébalo gratis ahora

2) Terciopelo Nebulosa

HEX: #2A0F3A #0B1D3A #3A2A6A #5F4DB8 #22D3EE

Ambiente: cósmico, enérgico, futurista

Ideal para: diseño de cartel sci fi

Cósmica y eléctrica, se siente como una estela de nebulosa atravesando el espacio profundo. El acento cian resalta entre los tonos oscuros, haciendo destacar titulares y elementos principales. Úsala en carteles con tipografía grande, formas audaces y mucho espacio negativo para el contraste. Limita el acento brillante a uno o dos elementos para mantener la composición elegante en vez de ruidosa.

Ejemplo de imagen de terciopelo nebulosa generado con media.io

3) Atardecer Índigo

HEX: #1F0F2E #0A2342 #2D2A7A #6A5ACD #C7C3FF

Ambiente: calmado, reflexivo, discreto

Ideal para: interfaz de bienvenida en app móvil

Calmada e introspectiva, evoca la última luz desvaneciéndose sobre una ciudad tranquila. La progresión desde el casi negro al azul suave facilita la lectura en pantallas de bienvenida. Usa el tono pálido para las tarjetas y los azules más profundos para encabezados y navegación. Añade degradados sutiles con moderación para guiar la vista sin agobiar el texto.

Ejemplo de imagen de atardecer índigo generado con media.io

4) Amatista Real

HEX: #3D135F #111C4E #5B2EA6 #B14CFF #FFD166

Ambiente: real, festivo, llamativo

Ideal para: invitación a evento de lujo

Real y festiva, sugiere gemas iluminadas a la luz de las velas. El dorado transforma los tonos profundos en una de esas combinaciones púrpura azul oscuro que inmediatamente se siente exclusiva. Úsala para invitaciones con acentos dorados, monogramas y tipografía elegante con serifas. Limita el dorado a bordes y pequeños adornos, y que el azul oscuro sea el fondo para dramatismo máximo.

Ejemplo de imagen de amatista real generado con media.io

5) Iris Cósmico

HEX: #240A3D #0D1640 #3C2C8C #7B6DFF #A7F3D0

Ambiente: tecnológico, nítido, optimista

Ideal para: interfaz de dashboard SaaS

Tecnológica y clara, aporta una nitidez de laboratorio espacial a las superficies oscuras. El acento menta suma frescura, convirtiendo el set en una paleta púrpura azul oscuro que se percibe amigable. Úsala en paneles con jerarquía clara: tonos oscuros para marcos, índigo para gráficos y menta para estados de éxito. Consejo: prueba el contraste en las etiquetas de datos para que el texto pequeño siga siendo legible en fondos oscuros.

Ejemplo de imagen de iris cósmico generado con media.io

6) Lavanda Crepúsculo

HEX: #2E0D4D #101B4F #3C357A #A78BFA #E9D5FF

Ambiente: relajante, suave, soñadora

Ideal para: portada de blog wellness

Relajante y soñadora, parece un campo de lavanda bajo la neblina del crepúsculo. Los tonos suaves hacen que los titulares se sientan ligeros mientras las tonalidades profundas estabilizan botones y la navegación. Úsala para contenidos de bienestar, diarios o meditación donde la lectura tranquila sea clave. Combina con blanco cálido y trazos minimalistas, y mantén las sombras sutiles para un acabado sereno.

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

7) Ciruela Profunda Marina

HEX: #2A0C2F #071A34 #2B3A67 #7A2E6F #94A3B8

Ambiente: serio, sólido, profesional

Ideal para: diapositivas de reporte corporativo

Serio y sólido, evoca aguas profundas y piedras pulidas. El gris pizarra es ideal para gráficos, líneas de parrilla, y texto secundario sin ensuciar el diseño. Úsala para presentaciones donde la claridad y credibilidad son imprescindibles. Consejo: reserva el ciruela para llamados clave y divisores de sección para que la narrativa sea fácil de escanear.

Ejemplo de imagen de ciruela profunda marina generado con media.io

8) Uva Galaxia

HEX: #3A0F5C #0B144A #2F2A72 #6D28D9 #F472B6

Ambiente: divertida, audaz, nocturna

Ideal para: cartel de festival musical

Divertida y audaz, recuerda a luces de neón derramándose por una calle nocturna. El acento rosa da a los púrpuras un toque moderno que funciona genial con tipografía grande. Úsala para carteles de festivales, playlists o promociones que necesiten energía sin caer en colores exagerados. Combina con tipografía blanca nítida y deja el azul más oscuro como base de fondo.

Ejemplo de imagen de uva galaxia generado con media.io

9) Violeta Catedral

HEX: #2F1645 #0F1B3D #3D2B6F #8B5CF6 #D1D5DB

Ambiente: clásico, refinado, literario

Ideal para: diseño de portada de libro

Clásico y refinado, evoca vitrales y bibliotecas silenciosas. El gris plateado funciona como un neutro moderno para subtítulos y nombres de autores. Úsala en portadas de ficción, ensayos o colecciones de poesía con un tono sofisticado. Consejo: elige un violeta fuerte para el título y deja el gris para textos secundarios, evitando el ruido visual.

Ejemplo de imagen de violeta catedral generado con media.io

10) Mora Zafiro

HEX: #311047 #0A1A4F #113C8A #7C3AED #38BDF8

Ambiente: seguro, limpio, alto contraste

Ideal para: anuncio de producto e-commerce

Seguro y limpio, se lee como un foco agudo sobre tela de satén. El brillante cian-azul hace que los llamados a la acción se sientan inmediatos, una de las combinaciones de púrpura y azul oscuro más prácticas para anuncios digitales. Úsalo en banners e-commerce, destacados y lanzamientos de producto con un aire moderno y tecnológico. Coloca las fotos de producto sobre blanco o azul marino muy oscuro, y utiliza el violeta para etiquetas de precio e insignias.

Ejemplo de imagen de mora zafiro generado con media.io

11) Crepúsculo en Flor

HEX: #2B0F3F #111A46 #3B2B80 #C084FC #FB7185

Ambiente: romántico, vibrante, juvenil

Ideal para: carrusel de redes sociales

Romántica y vibrante, evoca flores al crepúsculo captando la última luz rosada. El acento cálido hace que la paleta sea amigable para contenido de estilo de vida y tarjetas de frases. Úsalo en carruseles con diapositivas claras: un fondo oscuro dominante, un color brillante para encabezados y un acento para destacar. Consejo: utiliza lavanda muy clara para el texto principal para mantener la legibilidad sobre fondos oscuros.

Ejemplo de imagen de crepúsculo en flor generado con media.io

12) Pulso Violeta Neón

HEX: #2A0A45 #081A4A #3D2CFF #A855F7 #34D399

Ambiente: eléctrico, deportivo, listo para streaming

Ideal para: superposición para streaming de videojuegos

Eléctrico e intenso, parece como el resplandor de un power-up sobre una arena oscura. Los acentos neón funcionan bien con degradados, dando foco inmediato a paneles y alertas. Usa esta paleta púrpura-azul oscuro para overlays de stream, banners de esports o branding energético para creadores. Consejo: reserva los colores más brillantes sólo para elementos de estado, para mantener el área principal legible.

Ejemplo de imagen de pulso violeta neón generado con media.io

13) Inkberry Luxe

HEX: #220A2E #0B1635 #1D2B64 #5B21B6 #F5F3FF

Ambiente: premium, minimalista, editorial

Ideal para: empaque premium

Premium y minimalista, tiene una elegancia de tinta sobre papel que se percibe lujosa. El tono casi blanco da espacio a etiquetas, mientras que los tonos oscuros crean una silueta fuerte en estantería. Úsalo para cosméticos, velas o alimentos boutique donde se busca una vibra de lujo silencioso. Consejo: combina el tono más profundo con acabado mate suave, y usa el violeta sólo para un sello o marca sutil.

Ejemplo de imagen de inkberry luxe generado con media.io

14) Periwinkle a la Luz de la Luna

HEX: #2B0F4D #14245F #3F3CBB #9AA5FF #EEF2FF

Ambiente: etéreo, luminoso, moderno

Ideal para: diseño editorial de revista

Aéreo y luminoso, sugiere la luz de luna reflejada en las nubes. El lavanda claro permite columnas limpias y citas destacadas sin apagar las fotos. Úsalo en artículos de moda o cultura donde busques un tono fresco y contemporáneo. Consejo: utiliza el azul más oscuro para pies de foto y reserva el más claro para márgenes y espacios negativos.

Ejemplo de imagen de periwinkle a la luz de la luna generado con media.io

15) Tormenta Berenjena

HEX: #2D0B33 #0B1B3F #2F2F7A #6B21A8 #F8FAFC

Ambiente: dramático, refinado, seguro

Ideal para: tema web minimalista

Dramático y sofisticado, se siente como nubes de tormenta con un destello violeta. El casi blanco limpio hace que la tipografía y los espacios UI parezcan intencionados y nítidos. Úsalo como base para dark mode donde los headers, cards y botones requieren separación clara. Entre las combinaciones púrpura-azul oscuro, esta destaca cuando limitas los acentos y dejas que la tipografía sea protagonista.

Ejemplo de imagen de tormenta berenjena generado con media.io

16) Lavanda Noir

HEX: #1F0B2E #0A102A #1F2A5A #8B5CF6 #A1A1AA

Ambiente: melancólico, artístico, de galería

Ideal para: portfolio de fotografía UI

Melancólico y estilo galería, enmarca imágenes como una pared oscura eleva impresiones. El gris ayuda en elementos UI sutiles como divisores y metadatos. Úsalo en portfolios donde el trabajo debe destacar y la navegación debe mantenerse discreta. Consejo: mantén los bordes de miniaturas minimalistas y usa el violeta solo en estados hover y filtros seleccionados.

Ejemplo de imagen de lavanda noir generado con media.io

17) Jacinto Eléctrico

HEX: #3B0764 #0B1B5A #312E81 #D946EF #22C55E

Ambiente: llamativo, audaz, vida nocturna

Ideal para: flyer de discoteca

Audaz y moderno, recuerda a rayos láser y drops de bajo. El acento verde añade un contrapunto que evita que los púrpuras se perciban muy dulces. Úsalo en flyers con tipografía grande, alto contraste y patrones geométricos. Consejo: usa solo dos grosores de fuente y deja que el contraste de color facilite la lectura de un vistazo.

Ejemplo de imagen de jacinto eléctrico generado con media.io

18) Iris Escarchado

HEX: #2B0A3D #0A1B44 #3742A6 #A5B4FC #F1F5F9

Ambiente: fresco, nítido, confiable

Ideal para: UI de app fintech

Fresco y nítido, evoca vidrio esmerilado sobre aguas profundas. Los tonos claros ayudan a crear pantallas confiables sin perder modernidad ni el toque futurista. Usa este esquema púrpura/azul oscuro para UIs fintech donde estados, gráficas y botones requieran contraste consistente. Consejo: aplica los tonos más claros en las superficies y reserva el azul saturado para acciones principales—evitarás fatiga visual.

Ejemplo de imagen de iris escarchado generado con media.io

19) Observatorio Ciruela

HEX: #2A0A2F #0B153A #3A2D6F #9333EA #FDE68A

Ambiente: curioso, erudito, con acento cálido

Ideal para: plantilla de presentación para clase

Curioso y académico, recuerda un observatorio nocturno con luz cálida de lámpara. El acento mantecoso hace que los tonos oscuros resulten amables en lecturas largas. Úsalo en diapositivas de clase, webinars o resúmenes de investigación con diagramas y destacados. Consejo: coloca el amarillo cálido sobre definiciones clave o respuestas de cuestionarios, y mantén el resto en tonos fríos para el enfoque.

Ejemplo de imagen de observatorio ciruela generado con media.io

20) Puerto Violeta

HEX: #34125A #081A3A #1D4ED8 #7C3AED #E0F2FE

Ambiente: fresco, noche costera, aventurero

Ideal para: portada folleto de viajes

Fresco y aventurero, sugiere luces del puerto sobre la costa de noche. El azul brillante añade claridad y movimiento, y el tinte cielo mantiene los layouts aireados. Úsalo en portadas de folletos donde busques titulares audaces y vibra moderna para viajes. Consejo: escribe el título en el tinte más claro sobre la base más oscura y usa el azul brillante para rutas o íconos pequeños.

Ejemplo de imagen de puerto violeta generado con media.io

¿Qué colores combinan bien con el púrpura azul oscuro?

Los neutros son la apuesta segura: marfil cálido, blanco frío y grises suaves mantienen las composiciones púrpura/azul marino legibles y premium. Si quieres un acabado más editorial y oscuro, agrega carbón o negro mate con moderación para dar profundidad.

Para un contraste mayor, elige acentos brillantes como cian, menta, rosa intenso o azul eléctrico. Destacan con limpieza sobre bases profundas y son ideales para CTAs, insignias o destacados en gráficas.

Para una paleta lujosa o ceremonial, introduce un acento metálico cálido, como oro o amarillo mantequilla. Úsalo de manera mínima (bordes, íconos, pequeños adornos) para que se perciba intencionado y no distraiga.

Cómo usar una paleta de colores púrpura azul oscuro en diseños reales

Empieza asignando roles: usa el azul/púrpura más oscuro como fondo base, tonos medios para superficies (cards, secciones), y el tinte más claro para espacios en blanco, divisores y áreas de texto. Así mantienes jerarquía clara tanto en impresión como en digital.

En UI, mantén baja la cantidad de acentos de color. Un único acento brillante (cian/menta/rosa/oro) reservado para acciones y estados clave mejora el escaneo y reduce la fatiga visual—especialmente en dashboards y flujos onboarding.

Para pósters y gráficos sociales, apuesta por contraste: tipografía grande sobre fondos oscuros y un solo acento neón o cálido para atraer la mirada. Si usas gradientes, mantenlos sutiles y consistentes (por ejemplo, azul marino profundo a índigo) para cohesión de diseño.

Crea imágenes de paletas púrpura azul oscuro con IA

Si quieres previsualizar cómo se ven estas combinaciones HEX en diseños reales—como pósters, brand kits, mockups de empaque o pantallas UI—genera ejemplos rápido con IA. Es una manera ágil de validar ambiente, contraste y legibilidad antes de producir.

En Media.io, puedes pegar un prompt, elegir proporción, e iterar variaciones hasta que el balance de la paleta sea correcto. Usa el tono más oscuro como base y señala el acento como “pequeños destacados” para evitar saturar tu composición.

Siguiente: Paleta de colores azul dorado