Las 20 mejores paletas de azul, verde y rosa: códigos hex y consejos de diseño

Azul, verde y rosa es un trío de colores sorprendentemente versátil: puede percibirse como costero y relajante, nítido y moderno, o audaz y listo para la vida nocturna, dependiendo de la saturación y el contraste.

A continuación encontrarás 20 paletas de colores azul verde rosa listas para usar con códigos HEX, además de orientación práctica para UI, branding, carteles y packaging.

Por Qué Funcionan Tan Bien las Paletas Azul Verde Rosa

El azul y el verde están cerca en la rueda de colores, así que naturalmente se sienten armoniosos y “estables” en los layouts. El rosa actúa como el contraste enérgico que llama la atención sin requerir neutros duros o sombras pesadas.

Este trío también se adapta bien a roles comunes en UI y branding: azul para confianza y estructura, verde/teal para estados positivos y frescura, y rosa para destacados como insignias, CTAs secundarios e interacciones micro.

Como puedes llevarlo a tonos pastel, medios o neón, una paleta azul verde rosa se adapta a industrias diversas, desde bienestar y skincare hasta SaaS, eventos y streetwear.

Más de 20 Ideas de Paletas de Colores Azul Verde Rosa (con Códigos HEX)

1) Blush Laguna

HEX: #1d7fbf #24b3a8 #f26aa6 #f7e9f0 #0b2b3a

Ambiente: fresco, costero, estimulante

Ideal para: branding de belleza y plantillas sociales

La energía costera fresca fluye como agua cristalina y un atardecer rosado. Utiliza el azul marino oscuro para los textos y deja que el teal y rosa lleven los botones, insignias y destacados. Funciona bellamente en layouts limpios con mucho espacio en blanco y degradados suaves. Consejo: usa el rosa solo en pequeños acentos para que el teal mantenga el estilo nítido y moderno.

Ejemplo de imagen de blush 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 en tu navegador.

Pruébalo gratis ahora

2) Chicle Mentolado

HEX: #2a6fdb #66e3c4 #ff5fb7 #fff3fb #1f2a44

Ambiente: juguetón, brillante, optimista

Ideal para: UI y pantallas de onboarding para apps infantiles

Juguetón y brillante como envoltorios de caramelos y pegatinas de verano. Construye la UI con el fondo aireado casi blanco y utiliza el azul brillante para acciones principales y el verde menta para estados de éxito. El rosa resalta en microinteracciones como interruptores, corazones y marcadores de progreso. Consejo: mantén el texto en azul oscuro para que la interfaz sea legible sobre bloques pastel.

Ejemplo de imagen de chicle mentolado generado con media.io

3) Explosión Arrecife Coral

HEX: #0e6ba8 #2ec4b6 #ff4d8d #ffd6e8 #ffb703

Ambiente: brillante, tropical, energético

Ideal para: carteles de eventos y promos pop-up

El pop tropical brillante recuerda a arrecifes de coral, aguas iluminadas y música fuerte. Esta paleta azul verde rosa funciona bien con formas grandes y tipografía marcada, con el acento dorado reservado para destacados y fechas. Acompáñala con sans-serif gruesas e iconos simples para evitar sobrecarga visual. Consejo: imprime en un papel no blanco puro para mantener el efecto neón sin sobresaturar.

Ejemplo de imagen de explosión arrecife coral generado con media.io

4) Estudio Espuma Marina

HEX: #2f5aa6 #3fc1b1 #e34f9a #f2f4f7 #20304a

Ambiente: pulido, creativo, calmado

Ideal para: sitios de portafolio y presentaciones de agencias

Pulido y calmado, como un estudio de diseño con luz de día y escritorios ordenados. Usa el gris claro frío como lienzo principal, luego apóyate en el teal para encabezados y azul para navegación. El magenta aporta personalidad cuando se usa como un único acento destacado por página. Consejo: mantén los degradados sutiles y deja que el espacio limpio haga la mayor parte.

Ejemplo de imagen de estudio espuma marina generado con media.io

5) Costa de Caramelos

HEX: #1f8acb #45d1b3 #ff7ab2 #ffe6f1 #2b2d42

Ambiente: ligero, amigable, accesible

Ideal para: sitios de bodas y páginas de RSVP

Ligero y amigable, como vidrios marinos junto a caramelos pastel suaves. El fondo rosado aireado da espacio para tipografía elegante, mientras que azul y teal gestionan la estructura como menús y divisores. El rosa es perfecto para botones de RSVP, monogramas y pequeños detalles florales. Consejo: añade un toque de carbón para nombres y fechas y mantener todo nítido.

Ejemplo de imagen de costa de caramelos generado con media.io

6) Fiesta de Jardín Neón

HEX: #0066ff #00d084 #ff2e88 #f9ff6a #111827

Ambiente: audaz, nocturno, de alto impacto

Ideal para: carteles callejeros y flyers de DJ

Energía nocturna audaz como letreros de neón sobre un cielo de medianoche. Estas combinaciones azul verde rosa lucen mejor con fondo oscuro y dejando que un solo neón lidere la jerarquía. Usa el lima como acento para horarios, códigos QR u ofertas limitadas. Consejo: suma un suave efecto de brillo solo a los titulares para evitar ruido visual.

Ejemplo de imagen de fiesta de jardín neón generado con media.io

7) Acuario Pastel

HEX: #7aa7ff #88f0d0 #ff9fd0 #f7f7ff #2f3a56

Ambiente: suave, onírico, etéreo

Ideal para: packaging y etiquetas de skincare

Suave y soñado, como burbujas flotando en agua clara. El fondo pálido mantiene la paleta ligera, mientras el azul oscuro es ideal para ingredientes y textos legales. Usa azul pastel para el bloque de marca y reserva el rosa para una sola insignia o indicador de aroma. Consejo: acompaña con acabados mate para mantener el look delicado y premium.

Ejemplo de imagen de acuario pastel generado con media.io

8) Sorbete Tropical

HEX: #1982c4 #8ac926 #ff595e #ffca3a #6a4c93

Ambiente: veraniego, divertido, aventurero

Ideal para: anuncios de viaje y campañas estacionales

Veraniego y aventurero, como sorbete de frutas derritiéndose al sol. El azul brillante ancla el layout, luego agrega el verde y acentos cálidos en destinos, precios e iconos. El coral-rojizo funciona bien para CTAs urgentes sin ser agresivo. Consejo: mantén los fondos simples para que la energía multicolor se sienta intencionada, no caótica.

Ejemplo de imagen de sorbete tropical generado con media.io

9) Sirena Moderna

HEX: #235789 #2ac3a2 #ff6fb5 #d7fff1 #0b1320

Ambiente: elegante, oceánico, moderno

Ideal para: landing pages de SaaS y secciones de funcionalidades

Vibras oceánicas elegantes que resultan modernas, limpias y un tanto misteriosas. Usa el casi negro para titulares principales y agrega teal para resaltar funcionalidades y gráficos. Rosa es excelente como CTA secundario y un fuerte acento para insignias tipo “nuevo” o “beta”. Consejo: intenta usar formas sutiles de olas en el fondo con opacidad baja para dar profundidad sin distraer.

Ejemplo de imagen de una sirena moderna generada usando media.io

10) Clean Clinic Fresh

HEX: #3b82f6 #10b981 #fb7185 #f8fafc #334155

Ambiente: limpio, confiable, calmante

Ideal para: paneles de salud y páginas de citas

Limpio y calmante, como una clínica luminosa con sábanas frescas y señalización clara. Esta paleta azul con verde y rosa funciona mejor con mucho espacio en blanco, donde el azul facilita la navegación y el verde azulado señala éxito o pasos completados. Usa el rosa suave para alertas amables, énfasis o momentos de personalización. Consejo: limita el rosa a un solo componente para que la interfaz conserve un aspecto clínico y tranquilizador.

Ejemplo de imagen de clean clinic fresh generado usando media.io

11) Retro Poolside

HEX: #005f73 #0a9396 #ee9b00 #ff5d8f #e9d8a6

Ambiente: retro, soleado, relajado

Ideal para: menús veraniegos y señales de cafetería

Vibras retro y soleadas evocan azulejos de piscina, sombrillas de rayas y bebidas frías. Los tonos azul verdoso pueden usarse para los bloques principales y bordes, mientras el color arena cálido mantiene todo amigable. Usa el rosa como un toque especial para promociones o artículos de tiempo limitado. Consejo: combínalo con tipografía redondeada para un aire vintage.

Ejemplo de imagen de retro poolside generado usando media.io

12) Sakura Harbor

HEX: #3a86ff #2ec4b6 #ffafcc #bde0fe #1b263b

Ambiente: delicado, romántico, fresco

Ideal para: layouts editoriales de primavera y lookbooks

Delicado y fresco, como cerezos en flor flotando sobre una orilla soleada. El azul cielo suave crea columnas y márgenes sutiles, mientras el azul marino profundo mantiene el texto legible. Agrega verde azulado para reglas, íconos y citas, y reserva el rosa para pequeños detalles y pies de foto. Consejo: usa mucho espacio negativo y líneas delgadas para una sensación aérea de revista.

Ejemplo de imagen de sakura harbor generado usando media.io

13) Pebble and Petal

HEX: #2b59c3 #7bdcb5 #f284b6 #e5e5e5 #6b7280

Ambiente: suave, equilibrado, moderno

Ideal para: mood boards de interiores y tiendas de decoración

Suave y equilibrado, como piedras lisas con un solo pétalo brillante encima. El gris suave ayuda a que los colores parezcan elegantes, ideal para marcas enfocadas en el hogar. Usa azul para estructura, menta para frescura y rosa como pequeño detalle de estilo, como etiquetas o tags. Consejo: mezcla texturas naturales como lino o roble claro para mantener la paleta cálida.

Ejemplo de imagen de pebble and petal generado usando media.io

14) Oceanic Candy

HEX: #006ba6 #00c2a8 #ff4fa3 #f1f5f9 #0f172a

Ambiente: nítido, moderno, alto contraste

Ideal para: branding tecnológico y sistemas de íconos de apps

El contraste moderno y nítido se siente como aire oceánico frío con un toque de caramelo brillante. El fondo casi blanco lo mantiene limpio, mientras que el azul marino profundo le da fuerza al texto y los íconos. Usa verde azulado para estados del sistema y gráficos, y reserva el rosa como acento característico en íconos. Consejo: usa rellenos planos en iconos para que la paleta se vea limpia a tamaños pequeños.

Ejemplo de imagen de oceanic candy generado usando media.io

15) Art School Mix

HEX: #1e40af #22c55e #ec4899 #fef3c7 #111827

Ambiente: creativo, audaz, práctico

Ideal para: flyers de talleres y horarios de clases

Creativo y audaz, como tarjetas de colores sujetas en la pared del estudio. Esta paleta azul, verde y rosa combina bien con tonos cálidos de papel, haciendo que el diseño se sienta menos digital y más hecho a mano. Usa verde para categorías, azul para estructura y rosa para momentos clave como inscripción o preventa. Consejo: elige una fuente divertida y mantén simple el resto para claridad.

Ejemplo de imagen de art school mix generado usando media.io

16) Soft Spa Day

HEX: #4f9cf0 #5eead4 #fda4af #faf5ff #475569

Ambiente: relajante, delicado, reparador

Ideal para: newsletters de bienestar y páginas de destino

Relajante y delicado, como vapor caliente, agua fresca y una toalla sonrosada. La base blanco lavanda mantiene las secciones suaves, mientras que azul y verde azulado guían la vista en los títulos y botones. El rosa funciona mejor como toque sutil para citas, testimonios o iconos pequeños. Consejo: usa divisores delgados y sombras suaves en vez de bordes pesados.

Ejemplo de imagen de soft spa day generado usando media.io

17) Playroom Splash

HEX: #2563eb #34d399 #fb7185 #fef08a #1f2937

Ambiente: alegre, brillante, apto para niños

Ideal para: invitaciones de cumpleaños y señalética de fiestas

Alegre y brillante, como bloques de construcción esparcidos en una sala de juegos soleada. Usa el azul fuerte para el encabezado principal, y la menta para formas e iconos secundarios. El rosa aporta dulzura para nombres y énfasis; el amarillo pálido es ideal para detalles tipo confeti. Consejo: imprime con trazos gruesos y letra grande para que sea fácil de leer a distancia.

Ejemplo de imagen de playroom splash generado usando media.io

18) Streetwear Punch

HEX: #0b5ed7 #00b894 #ff3f8e #c7f9cc #0b132b

Ambiente: seguro, urbano, atrevido

Ideal para: lanzamientos de ropa y anuncios de productos

Seguro y urbano, como gráficos llamativos en una calle nocturna. Estas combinaciones azul, verde y rosa funcionan mejor con alto contraste: fondo azul marino profundo, texto azul intenso y un único toque de rosa fuerte. La menta puede suavizar detalles secundarios como tallas, envíos o slogans pequeños. Consejo: mantén el layout minimalista y deja que un elemento gráfico sobredimensionado marque la vibra.

Ejemplo de imagen de streetwear punch generado usando media.io

19) Gallery Calm

HEX: #1d4ed8 #14b8a6 #f472b6 #f3f4f6 #111827

Ambiente: tranquilo, curado, contemporáneo

Ideal para: portafolios creativos y casos de estudio

Tranquilo y bien curado, como una galería contemporánea con una sola obra audaz en la pared. El fondo gris claro aporta profesionalismo, mientras el azul y verde azulado crean una jerarquía visual confiada. El rosa funciona mejor como marcador deliberado para enlaces, estados hover o proyectos destacados. Consejo: combínalo con imágenes grandes y pies de foto cortos para un look editorial limpio.

Ejemplo de imagen de gallery calm generado usando media.io

20) Sunset Tide

HEX: #0077b6 #2a9d8f #ff6fae #ffd166 #073b4c

Ambiente: cálido, optimista, playero

Ideal para: carteles botánicos e ilustraciones primaverales

Cálido y optimista, como la última luz sobre las olas del mar. Mantén el azul verde oscuro para contornos y texto, deja que el verde claro llene hojas y tallos. El rosa y los dorados funcionan ideal para flores, frutas y detalles decorativos pequeños. Consejo: usa texturas acuarela y bordes suaves para que la paleta se sienta orgánica en vez de plana.

Ejemplo de imagen de sunset tide generado usando media.io

¿Qué colores combinan bien con azul verde rosa?

Los neutros son tus mejores estabilizadores: blanco roto, gris claro, carbón y azul marino profundo hacen que la base azul-verde se vea limpia y permiten que el rosa tenga un propósito. Para la tipografía, los tonos pizarra/tinta oscuros suelen ser mejores que el negro puro sobre fondos claros o pastel.

Si quieres más calidez, agrega arena, amarillo mantequilla u oro suave para equilibrar el frío del verde azulado y el azul. Para más energía, un poco de lima o amarillo soleado crea avisos llamativos—solo mantenlo limitado para que no compita con el rosa.

Para un look sofisticado, combina la paleta con texturas naturales (papel, lino, madera clara) o gradientes sutiles; así este trío no se sentirá "demasiado digital" en impresos o packaging.

Cómo usar una paleta de colores azul verde rosa en diseños reales

Comienza asignando roles: elige un color “estructural” (usualmente azul), uno de “estado” (verde/verde azulado para éxito, completado o confirmación), y reserva el rosa para acentos como CTAs secundarios, destacados y estados hover. Así evitas que todo se vea igual de llamativo.

Controla saturación y espacios. Los tonos pastel se benefician de mucho espacio en blanco y divisores delgados; las versiones neón necesitan fondos oscuros y menos elementos por pantalla. En impresión, escoge papeles blanquecinos y acabados mate contra saturación o brillo excesivo.

Mantén la accesibilidad revisando el contraste, especialmente al poner texto rosa sobre fondo claro o texto verde azulado sobre blanco. En caso de duda, deja el texto principal en azul marino/pizarra y usa los colores brillantes para formas, íconos y controles de UI.

Crea visuales de paletas azul verde rosa con IA

Si vas a presentar una dirección de marca o crear un mood board de UI, generar imágenes rápidas con la paleta ayuda a que clientes visualicen el concepto. Lo más ágil es describir la escena, definir una composición limpia y referenciar la paleta con acentos, etiquetas o bloques de fondo.

Para resultados consistentes, reutiliza una misma estructura de prompt y solo cambia el sujeto (póster, packaging, landing page, set de íconos). Exporta varias versiones y elige la de mejor jerarquía y contraste según su uso.

Siguiente: Paleta de Colores Amarillo y Verde Azulado