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

El azul, el verde y el morado crean un equilibrio único entre calma y energía—ideal para marcas modernas que desean transmitir confianza, frescura y un toque inesperado.

A continuación encontrarás más de 20 combinaciones de colores azul, verde y morado con códigos HEX, además de consejos prácticos para combinar en UI, branding, impresión y diseños para redes sociales.

Por Qué Funciona Tan Bien la Paleta Azul Verde Morado

El azul transmite claridad y confianza, el verde aporta frescura y equilibrio, y el morado agrega imaginación y un aire premium. Juntos cubren tanto “fiable” como “expresivo”, y por eso son populares en SaaS, fintech, bienestar y campañas creativas.

Este trío también funciona bien en modos claro y oscuro. Los tonos marinos e índigos profundos aportan estructura, mientras el teal y el violeta ofrecen acentos llamativos pero cohesivos.

Como los tonos son lo suficientemente cercanos para mezclarse (perfectos para degradados) pero distintos para separar estados en UI, una paleta azul verde morado te ayuda a construir jerarquía sin depender de colores extra.

20+ Ideas de Paletas de Colores Azul Verde Morado (con Códigos HEX)

1) Aurora Laguna

HEX: #0B3D91 #0FB9B1 #6C5CE7 #B8F2E6 #1B1F3B

Estado de ánimo: luminoso, calmado, moderno

Mejor para: interfaz de panel de control SaaS

Luminoso y calmado, como la aurora reflejada en aguas tranquilas. El azul marino profundo estructura el diseño, mientras el teal y el violeta añaden dinamismo sin ser estridentes. Usa el tono menta para paneles espaciosos y guarda los acentos más brillantes para botones principales y destacados. Combina con grises fríos y una fuente geométrica sans limpia para mantener un aspecto moderno y orientado al producto.

Ejemplo de imagen de aurora laguna generado con media.io

Media.io

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

Prueba Gratis Ahora

2) Ciruela Estanque

HEX: #1D4ED8 #14B8A6 #7C3AED #F1F5F9 #0F172A

Estado de ánimo: nítido, profesional, enérgico

Mejor para: sistema de identidad de marca

Nítido y profesional, como luz oceánica sobre piedra pulida. El cobalto y el teal transmiten confianza, mientras la ciruela aporta una distintiva firma para logotipos y marcas clave. Usa el blanco roto como fondo principal y reserva el casi negro para tipografía y contornos. Combina con un juego de iconos minimalista y una fuente potente para mantener la identidad precisa.

Ejemplo de imagen de ciruela estanque generado con media.io

3) Hibisco Crepuscular

HEX: #12355B #1BB3A3 #8E2DE2 #F7EDE2 #0B132B

Estado de ánimo: romántico, intenso, vibrante

Mejor para: diseño de póster de evento

Romántico e intenso, como pétalos de hibisco brillando tras el atardecer. Esta paleta azul verde morado destaca especialmente usando el tono crema para el espacio negativo. Mantén el teal para elementos secundarios y usa violeta para titulares y detalles destacados. Combina con grano sutil y tipografía audaz, y limita el azul marino más oscuro a pequeños textos para legibilidad.

Ejemplo de imagen de hibisco crepuscular generado con media.io

4) Glaciar Amatista

HEX: #2F6FED #3DD6D0 #B388FF #EAF2FF #25314F

Estado de ánimo: fresco, aireado, optimista

Mejor para: pantallas de onboarding en app móvil

Fresco y aireado, como agua glacial bajo cielo brillante. La lavanda pálida y el azul helado generan fondos amigables, y el azul más profundo da buen contraste para CTAs. Usa el teal como indicador de progreso o para microinteracciones y mantener energía positiva. Combina con componentes redondeados y espacios generosos para una experiencia de bienvenida.

Ejemplo de imagen de glaciar amatista generado con media.io

5) Violeta Selva

HEX: #064E3B #0EA5A4 #6D28D9 #A7F3D0 #1E1B4B

Estado de ánimo: terroso, audaz, aventurero

Mejor para: packaging de producto outdoor

Terroso y audaz, como la sombra densa de la selva con destellos de flores raras. El verde profundo y el índigo nocturno dan sensación robusta, mientras el violeta aporta un giro premium que destaca en estantes. Usa menta como fondo de etiqueta transpirable y reserva el teal para insignias o datos destacados. Combina con texturas mate e iconos de línea simple para evitar exceso visual.

Ejemplo de imagen de violeta selva generado con media.io

6) Kelp Eléctrico

HEX: #0057FF #00C2A8 #A855F7 #0B1026 #E2E8F0

Estado de ánimo: alto contraste, tecnológico, impactante

Mejor para: overlay para streaming de juegos

Alto contraste y tecnológico, como luz de neón cruzando aguas profundas. Estas combinaciones de azul, verde y morado son más potentes manteniendo el tono oscuro como lienzo principal. Usa el azul eléctrico para alertas, teal para etiquetas secundarias y violeta para momentos destacados (ganas o hitos). Combina con formas nítidas y efecto de brillo controlado, evitando usar los tres tonos brillantes juntos en un mismo módulo.

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

7) Lavanda Marina Suave

HEX: #2B50AA #5BD3C7 #C3B1E1 #FFF7ED #334155

Estado de ánimo: suave, acogedor, accesible

Mejor para: tema blog de bienestar

Suave y acogedor, como espuma marina transformándose en neblina de lavanda. El blanco melocotón da calidez a las páginas mientras periwinkle y teal ofrecen ritmo calmado para enlaces, etiquetas y encabezados. Usa pizarra para texto principal y contraste accesible. Combina con ilustraciones suaves y evita degradados pesados para mantener el tono relajante.

Ejemplo de imagen de lavanda marina suave generado con media.io

8) Jardín Cósmico

HEX: #101935 #2EC4B6 #7B2CBF #F0EBD8 #3A86FF

Estado de ánimo: místico, creativo, divertido

Mejor para: portada de álbum

Místico y creativo, como luz estelar sobre un jardín a medianoche. El neutro cremoso deja brillar los tonos joya sin resultar duro, ideal para tipografía audaz. Usa teal para formas orgánicas y violeta en focos como títulos o iconos. Combina con textura granulada y botánica abstracta para un acabado moderno y de ensueño.

Ejemplo de imagen de jardín cósmico generado con media.io

9) Iris Denim

HEX: #1E40AF #10B981 #9333EA #E5E7EB #111827

Estado de ánimo: seguro, equilibrado, contemporáneo

Mejor para: presentación corporativa

Seguro y equilibrado, como un denim oscuro con un toque de iris. Usa el gris como fondo de las diapositivas para que los gráficos sean legibles, y aplica azul y verde como series de datos principales. El violeta es ideal como color destacado para métricas clave y divisores de secciones. Combínalo con infografías limpias y usa el casi negro para los encabezados para evitar un aspecto deslavado.

Ejemplo de imagen de denim iris generado usando media.io

10) Metro Nightshade

HEX: #0F172A #2563EB #14B8A6 #A78BFA #F8FAFC

Estado de ánimo: elegante, urbano, pulido

Mejor para: landing page fintech

Elegante y urbano, como letreros de neón sobre pavimento mojado. Un esquema de colores azul-verde-violeta como este transmite calidad cuando usas la base oscura y dejas el blanco para dar espacio. Usa azul para acciones principales, teal para señales de confianza y lavanda para destacar funcionalidades. Combínalo con iconos de líneas finas y mucho espaciado para mantener la sensación de exclusividad.

Ejemplo de imagen de metro nightshade generado usando media.io

11) Orchid Current

HEX: #012A4A #0B5FFF #00A8A8 #7209B7 #E0FBFC

Estado de ánimo: atrevido, brillante, expresivo

Mejor para: anuncio de producto de belleza

Atrevido y brillante, como pétalos de orquídea reflejando un destello azul. Los tonos saturados transmiten una sensación editorial, mientras el aqua pálido mantiene el diseño ligero. Usa teal para respaldar claims e ingredientes, y reserva el violeta para señales premium como edición limitada o fragancia exclusiva. Combínalo con tipografía macro y una sola imagen principal del producto para conservar el toque lujoso.

Ejemplo de imagen de orchid current generado usando media.io

12) Tealberry Punch

HEX: #0061A8 #00BFA6 #8A2BE2 #FFE66D #1A1A2E

Estado de ánimo: divertido, juvenil, animado

Mejor para: flyer de festival de verano

Divertido y animado, como refresco burbujeante con un toque de frutas del bosque. El amarillo soleado aporta energía instantánea, mientras teal y violeta mantienen el flyer moderno en vez de retro. Usa el tono profundo de medianoche para bloques de texto y filas de patrocinadores para claridad. Combínalo con formas lúdicas y jerarquía tipográfica estricta para que el acento brillante no opaque los detalles.

Ejemplo de imagen de tealberry punch generado usando media.io

13) Misty Nebula

HEX: #2C3E50 #2EC4B6 #B8B8FF #F6F7FB #5A189A

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

Mejor para: diseño de portada de libro

Suave y soñador, como una niebla que cruza una nebulosa distante. El fondo casi blanco hace que el lavanda se sienta ligero, mientras el violeta profundo aporta fuerza al título. El teal funciona bien para motivos pequeños o etiquetas de serie sin quitar atención a la tipografía principal. Combínalo con ilustración minimalista y mantén alto el contraste para legibilidad en miniaturas de librerías.

Ejemplo de imagen de misty nebula generado usando media.io

14) Royal Lagoon

HEX: #003566 #00B4D8 #6F2DBD #CAF0F8 #03045E

Estado de ánimo: regio, limpio, de alto impacto

Mejor para: branding de equipo deportivo

Regio y de alto impacto, como una bandera de campeonato bajo luces de estadio. Esta paleta azul-verde-violeta brilla cuando enfatizas los azules reales profundos en uniformes y logotipos. Usa cian como ribete energético y violeta como acento secundario para merchandising y gráficos sociales. Combínalo con tipografía condensada y usa el tono pálido para fondos respirables en layouts digitales.

Ejemplo de imagen de royal lagoon generado usando media.io

15) Ultraviolet Aquarium

HEX: #082F49 #0891B2 #7C3AED #D1FAE5 #0A0F1F

Estado de ánimo: profundo, acuático, futurista

Mejor para: interfaz visualizador de música

Profundo y futurista, como un acuario iluminado por tubos ultravioletas. La base oscura hace que las animaciones resalten, mientras el tono menta evita que la interfaz se vuelva demasiado pesada. Usa teal para elementos de forma de onda y violeta para marcadores de ritmo o estados activos. Combínalo con gradientes suaves y mantén el texto en tonos neutros de alto contraste para legibilidad.

Ejemplo de imagen de ultraviolet aquarium generado usando media.io

16) Harbor Lilac

HEX: #1B4965 #5FA8D3 #62B6CB #CA7DF9 #F3F4F6

Estado de ánimo: costero, claro, amistoso

Mejor para: diseño de newsletter de viajes

Costero y amistoso, como una mañana brillante de puerto con niebla lila en el horizonte. Los azules claros crean secciones limpias para fotos y titulares, mientras el acento violeta añade un toque memorable de marca. Usa teal para enlaces e indicadores pequeños, manteniendo el fondo mayormente claro y neutral. Combínalo con márgenes generosos y divisores simples para mantener el diseño fácil de leer.

Ejemplo de imagen de harbor lilac generado usando media.io

17) Aurora Sprint

HEX: #3A86FF #06D6A0 #8338EC #F1FAEE #1D3557

Estado de ánimo: deportivo, brillante, motivador

Mejor para: interfaz de aplicación fitness

Deportivo y motivador, como una carrera madrugadora bajo un cielo brillante. El verde fresco transmite progreso y éxito al instante, mientras el violeta añade personalidad a insignias y logros. Mantén el blanco roto en pantallas con muchos datos y usa azul marino para texto y barras de pestañas. Combínalo con gráficos redondeados e iconografía clara para seguimiento rápido, de un vistazo.

Ejemplo de imagen de aurora sprint generado usando media.io

18) Deep Sea Orchid

HEX: #001D3D #0077B6 #00A896 #9D4EDD #E9D8FD

Estado de ánimo: lujoso, calmado, nocturno

Mejor para: sección principal de sitio web spa

Lujoso y calmado, como aguas profundas con un resplandor suave de orquídea. El azul marino y azul océano crean serenidad instantánea, mientras la lavanda mantiene el ambiente suave en vez de rígido. Usa teal como acento sutil en enlaces y señales de confianza, y mantén el lila claro para superposiciones detrás del texto. Combínalo con titulares serif elegantes y gradientes suaves para una sensación premium de spa.

Ejemplo de imagen de deep sea orchid generado usando media.io

19) Vaporwave Lagoon

HEX: #2D00F7 #00F5D4 #B517FF #FEEAFA #0B1320

Estado de ánimo: retro-futurista, llamativo, divertido

Mejor para: banner promocional en redes sociales

Retro-futurista y divertido, como letrero luminoso en una arcade nocturna. El teal y violeta neón captan atención, así que dales espacio sobre un fondo rosado suave en vez de apilarlos por todo. Usa el azul-negro profundo para texto y logos para asegurar legibilidad. Combínalo con patrones geométricos atrevidos y mantén el texto breve para máximo impacto visual en scroll.

Ejemplo de imagen de vaporwave lagoon generado usando media.io

20) Studio Spectrum

HEX: #114B9A #1AA6B7 #7C4DFF #F2F2F2 #22223B

Estado de ánimo: limpio, creativo, versátil

Mejor para: spread de revista editorial

Limpio y creativo, como un set de estudio con filtros de color y papel nítido. Estas combinaciones de azul-verde-violeta funcionan especialmente bien en layouts editoriales donde la jerarquía importa. Usa el blanco roto para comodidad de lectura, teal para destacados y barras laterales, y violeta como titular de páginas centrales. Combínalo con estructura de cuadrícula sólida y una regla de acento por página para evitar ruido visual.

Ejemplo de imagen de studio spectrum generado usando media.io

21) Sage Eclipse

HEX: #1B3A57 #2A9D8F #6A4C93 #E9ECEF #0B0F1A

Estado de ánimo: intenso, sobrio, elegante

Mejor para: sitio web portafolio de arquitecto

Intenso y sobrio, como un eclipse sobre piedra y vidrio tranquilos. El fondo gris frío permite que los proyectos se vean espaciosos, mientras teal y violeta añaden sofisticación a las secciones. Usa el tono más oscuro para navegación y pies de foto para asegurar contraste sobre imágenes. Combínalo con mucho espacio en blanco y estilo de animación discreta para una presentación de portafolio refinada.

Ejemplo de imagen de sage eclipse generado usando media.io

22) Prism Haze

HEX: #00509D #34D399 #C084FC #FFF1F2 #1F2937

Estado de ánimo: brillante, aireado, optimista

Mejor para: ilustración botánica acuarela

Brillante y aireado, como luz solar refractada a través de un prisma suave. El blanco rosado añade calidez, mientras verde y violeta hacen que las flores se sientan modernas en lugar de tradicionales. Usa el carbón profundo solo para detalles pequeños como tallos, etiquetas o contornos. Combínalo con lavados suaves y mantén la saturación ligeramente desigual para un efecto de acuarela auténtico.

Ejemplo de imagen de prism haze generado usando media.io

¿Qué colores combinan bien con azul, verde, morado?

Para un equilibrio limpio y moderno, combina tonos azul-verde-violeta con neutros frescos como blanco, blanco roto, gris claro y carbón. Estos ayudan a mantener el contraste legible y permiten que teal y violeta sean acentos “hero”.

Si buscas un contraste más cálido, prueba con beige suave, crema, rosado o arena pálida; estos neutros cálidos reducen el efecto “helado” y hacen la paleta más amigable para marcas de estilo de vida.

Para dar más fuerza, usa solo un acento brillante (como amarillo limón, coral o rosa intenso). Mantener el acento limitado evita que la paleta se vuelva caótica, especialmente en sistemas UI.

Cómo Usar una Paleta Azul Verde Morado en Diseños Reales

Comienza con los roles: elige una base oscura (azul marino/tinta) para la estructura, un azul medio para las acciones principales, verde azulado para estados secundarios y púrpura para resaltar elementos como insignias, énfasis en precios o características clave. Esto crea una jerarquía predecible en todas las pantallas.

En impresión e identidad de marca, permite que un matiz lidere (usualmente azul), luego utiliza el verde azulado como soporte "fresco" y el púrpura como distintivo. Esto mantiene los logotipos y diseños reconocibles incluso cuando no puedes usar todos los colores a la vez.

Para degradados, combina azul → verde azulado para un movimiento calmado y verde azulado → violeta para más energía. Mantén los fondos sutiles y reserva las mezclas saturadas para áreas destacadas, carteles y promociones sociales.

Crea Visuales de la Paleta Azul Verde Morado con IA

Si ya tienes códigos HEX, puedes generar maquetas alineadas con la marca rápidamente describiendo el diseño (cartel, pantalla de aplicación, empaque) y la vibra (calmada, brillante, futurista). Esto te ayuda a validar cómo se perciben los colores en composiciones reales, no solo en muestras.

Con el flujo de trabajo de texto a imagen de Media.io, puedes iterar rápidamente: prueba diferentes proporciones, cambia el fondo neutro o ajusta la saturación de verde azulado/púrpura hasta que el contraste sea adecuado para accesibilidad y marketing.

Utiliza el nombre de la paleta como ancla de estilo (para consistencia) y añade un tema claro (panel de control, volante, anuncio de producto) para que la IA sepa qué diseñar.

Siguiente: Paleta de color bronce