Las 20 mejores paletas de colores azul y amarillo pastel: códigos hex y consejos

Una paleta de colores azul pastel y amarillo pastel combina azules tranquilos y aireados con amarillos cálidos y suaves, logrando un aspecto amigable, moderno y agradable a la vista. Es una combinación preferida para UI, branding e invitaciones cuando se busca luminosidad sin un contraste brusco.

A continuación tienes 20 paletas azul y amarillo pastel listas para usar con códigos HEX, además de consejos rápidos sobre equilibrio, legibilidad y acentos que puedes agregar sin romper la suavidad.

Por qué funcionan tan bien las paletas azul pastel y amarillo pastel

El azul pastel aporta claridad y confianza, mientras que el amarillo pastel añade calidez y optimismo. Juntos, crean una mezcla de temperatura equilibrada que resulta acogedora sin ser demasiado dulce o infantil.

Como ambos colores suelen ser claros, el resultado general es "respirable" y amigable para la interfaz—ideal para diseños limpios, branding suave y editoriales delicadas. El truco está en usar azules más intensos (o un neutro oscuro) para el texto y la jerarquía.

Esta combinación también ofrece opciones flexibles de acento: menta o aqua para frescura, lila o malva para romance, y azul marino para un contraste fuerte. Esto hace que el esquema de colores azul pastel y amarillo pastel sea fácil de ampliar a un sistema de diseño completo.

20+ ideas de paletas azul pastel y amarillo pastel (con códigos HEX)

1) Cielo de crema pastelera

HEX: #A7C7FF #FFE8A3 #F7F9FF #9BD7D5 #7A8FBF

Ambientación: aireado, alegre, suave

Ideal para: página de inicio UI de marca infantil

Aireado como una mañana despejada con reflejos de crema pastelera, esta mezcla se siente amigable y optimista. Funciona especialmente bien como paleta azul pastel y amarillo pastel en entornos infantiles, familiares y de aprendizaje donde se busca suavidad sin caer en lo aburrido. Combínala con mucho espacio en blanco y formas UI redondeadas para mantener su frescura. Consejo de uso: reserva el azul más intenso para los llamados a la acción (CTA) y emplea el amarillo solo en pequeños detalles para evitar el resplandor.

Ejemplo de imagen de cielo de crema pastelera generado con media.io

Media.io

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

Pruébalo Gratis Ahora

2) Denim soleado

HEX: #7FB2FF #FFE27A #F4F1EA #2F5EA8 #B6C2D9

Ambientación: brillante, moderno, seguro

Ideal para: póster publicitario de ropa urbana

Azules denim intensos y un amarillo tocado por el sol dan un aire nítido y deportivo que sigue resultando accesible. El azul marino profundo aporta estructura, mientras que el blanco cálido mantiene el diseño limpio y premium. Úsala para pósters y anuncios donde requieras legibilidad a distancia y contraste llamativo. Consejo de uso: manten el texto en azul marino y usa el amarillo en distintivos, precios o etiquetas de tiempo limitado.

Ejemplo de imagen de denim soleado generado con media.io

3) Estudio bruma de limón

HEX: #B8D8FF #FFF1B6 #E9ECF3 #8AA0C8 #C7E7D7

Ambientación: calmado, ordenado, pastel

Ideal para: pantallas onboarding app de bienestar

Calmos y algo difuminados, estos tonos recuerdan un estudio silencioso con luz suave. El azul pálido y el limón cremoso resultan relajantes en pantalla, mientras que el azul pizarra aporta la jerarquía justa para encabezados. Genial para flujos de onboarding, recordatorios y estados de progreso suaves. Consejo de uso: usa el azul grisáceo para contornos de iconos, así la UI se mantiene nítida sin endurecerse.

Ejemplo de imagen de estudio bruma de limón generado con media.io

4) Picnic de vidrio marino

HEX: #8FD0FF #FFEE93 #C8F1E8 #F8FBFF #4E7DB6

Ambientación: fresco, veraniego, ligero

Ideal para: invitación de picnic de primavera

Frescos como vidrio marino y limonada en un día cálido, los colores se sienten juguetones pero sin ser estridentes. El menta verdoso une naturalmente el azul frío y el amarillo mantecoso. Úsala en invitaciones y flyers de eventos casuales donde busques energía estacional instantánea. Consejo de uso: coloca el titular en el azul más profundo y el menta en bordes finos o patrones para un toque pulido.

Ejemplo de imagen de picnic de vidrio marino generado con media.io

5) Narciso azul empolvado

HEX: #9EC5FF #FFE58B #FFF9E8 #6A87B8 #D6E2FF

Ambientación: suave, soleado, elegante

Ideal para: identidad de marca línea de cuidado facial

Azules empolvados suaves y la calidez de un narciso crean una sensación elegante y fresca. El contraste es amable, ideal para skin care, belleza y marcas de piel sensible. Combínalo con titulares serif minimalistas y mucho fondo crema para un aspecto refinado. Consejo de uso: imprime el amarillo como acento puntual en etiquetas y deja los azules para el sistema principal de la marca.

Ejemplo de imagen de narciso azul empolvado generado con media.io

6) Limonada nublada

HEX: #BFD9FF #FFF0A8 #DDE4F2 #A6E3D7 #5C79A9

Ambientación: acogedor, suave, relajado

Ideal para: plantilla de boletín de correo electrónico

Acogedora como limonada bajo las nubes en el porche, la paleta resulta cálida y fácil de leer. El azul medio ancla la tipografía, mientras el amarillo claro mantiene las secciones cálidas y humanas. Úsalo en newsletters donde la claridad es importante pero quieres conservar personalidad. Consejo de uso: mantén fondos en azul grisáceo suave y usa amarillo sólo en encabezados de sección o pequeños llamados de atención.

Ejemplo de imagen de limonada nublada generado con media.io

7) Postal vintage

HEX: #90B3E7 #F8E39A #F3EFE6 #C89CB2 #446A9F

Ambientación: nostálgico, romántico, suave

Ideal para: cabecera y hero blog de viajes

Nostálgico como una postal descolorida, este conjunto mezcla azul suave con amarillo cálido y un toque de malva polvoriento. Ideal para contar historias de viajes, blogs de estilo de vida y cabeceras editoriales donde importa la emoción. Combínalo con texturas granuladas y titulares serif elegantes para un aire antiguo. Consejo de uso: mantén el malva mínimo, úsalo sólo para separadores pequeños o enlaces, así el tema sigue coherente.

Ejemplo de imagen de postal vintage generado con media.io

8) Sala de juegos pop

HEX: #6FB2FF #FFE16A #FFFFFF #FFB6C8 #2E62B8

Ambientación: juguetón, audaz, energético

Ideal para: póster promocional para tienda de juguetes

Juguetón y vibrante, el azul intenso y el amarillo soleado recuerdan bloques de construcción y hojas de stickers. Un toque de rosa suma diversión sin dominar el diseño. Perfecta para promociones de juguetes, eventos infantiles y ofertas estacionales llamativas. Consejo de uso: coloca el amarillo detrás de cifras grandes o palabras cortas para que destaque al instante y siga siendo accesible.

Ejemplo de imagen de sala de juegos pop generado con media.io

9) Clínica calma

HEX: #A6D2FF #FFF2C2 #E6F1FF #B9E6D3 #5A7FAF

Ambientación: tranquilizador, limpio, profesional

Ideal para: UI de cita médica

Tranquilizantes y limpios, estos tonos pastel se sienten como una sala de espera luminosa con luz suave. El azul más profundo aporta sensación de confianza, mientras que el amarillo pálido evita que la interfaz parezca fría. Úsalo en agendas, formularios y portales de pacientes donde la calma y claridad sean cruciales. Consejo de uso: mantén alto contraste usando texto azul oscuro sobre los fondos más claros y reserva el amarillo para avisos de estado, no párrafos.

Ejemplo de imagen de clínica tranquila generada usando media.io

10) Menú de Brunch

HEX: #84B8F4 #FFE8A8 #FFFDF6 #E6C7A6 #3F6FA8

Ambientación:cálido, acogedor, casual-chic

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

Cálido y acogedor como un brunch de fin de semana, la base cremosa y el suave amarillo se sienten acogedores junto a un azul fresco. El acento beige añade una nota amigable a la comida que mantiene la paleta equilibrada y apetecible. Úsalo para menús, tarjetas de mesa y carteles de cafetería donde la legibilidad sea importante. Consejo: utiliza el azul más oscuro para precios y títulos de sección, y el amarillo como barra resaltada detrás de las especialidades.

Ejemplo de imagen de menú de brunch generado usando media.io

11) Lavado Botánico de Primavera

HEX: #A3CEFF #FFED9E #D3F3E3 #F6FAFF #6589B8

Ambientación:primaveral, delicado, inspirado en la naturaleza

Ideal para:póster botánico en acuarela

Primaveral y delicado, estos tonos se sienten como pétalos en acuarela y tallos frescos después de la lluvia. El verde menta mantiene el aspecto botánico, mientras la combinación de azul-amarillo permanece ligera y optimista. Perfecto para arte de pared de temporada, carteles de eventos de jardín o inserciones de embalaje suaves. Consejo: deja que el blanco y el azul claro hagan la mayor parte del trabajo y agrega el amarillo sólo en algunas flores para equilibrar.

Ejemplo de imagen de lavado botánico de primavera generado usando media.io

12) Galería Minimalista

HEX: #9BBEFF #FFEAA0 #F2F4F7 #2D4D7A #B7C7E6

Ambientación:minimalista, curado, moderno

Ideal para:flyer para evento de galería de arte

Minimalista y curada, esta paleta se siente como una galería silenciosa con un solo foco de luz. El azul marino ofrece un fuerte contraste tipográfico, mientras que el amarillo suave actúa como un resaltador elegante en vez de un acento estridente. Úsalo en flyers, programas de exposiciones y gráficos promocionales limpios. Consejo: mantén el layout mayormente neutro y usa el amarillo solo para marcar fechas, ubicaciones, o un título de obra clave.

Ejemplo de imagen de galería minimalista generado usando media.io

13) Gradiente Pastel Tech

HEX: #74B7FF #FFF0B2 #CFE1FF #9DE1F0 #3E6CB3

Ambientación:fresco, tecnológico, optimista

Ideal para:sección principal de sitio web SaaS

Fresco y tecnológico, estos colores se sienten como un suave degradado en un cielo despejado. El azul brillante aporta modernidad, mientras que el amarillo pálido evita que el principal se vea demasiado corporativo. Ideal para páginas de inicio SaaS, destacados de funciones y llamados a la acción. Consejo: construye el fondo principal con gradientes de azul a aqua y coloca el amarillo solo en botones principales e iconos pequeños.

Ejemplo de imagen de gradiente pastel tech generado usando media.io

14) Ropa Deportiva Suave

HEX: #5EA8FF #FFE374 #F1F6FF #97D6C9 #243E6B

Ambientación:activo, limpio, animado

Ideal para:panel de control de app fitness

Activo y limpio, el azul brillante aporta energía mientras que el amarillo cálido agrega dinamismo y cercanía. El índigo profundo te da una base sólida para métricas y texto, manteniendo los paneles fáciles de leer. Úsalo para seguimiento fitness, apps de hábitos y gamificación ligera. Consejo: aplica el amarillo solo a rachas, medallas e indicadores de progreso para que sea motivador, no distractor.

Ejemplo de imagen de ropa deportiva suave generado usando media.io

15) Papelería de Boda

HEX: #B0D0FF #FFF4C8 #FAFAF7 #D7C2E9 #6E87B8

Ambientación:romántico, aireado, delicado

Ideal para:conjunto de invitaciones de boda

Romántico y aireado, el azul suave y el crema mantecoso evocan seda ligera y flores de primavera. Un delicado acento lila agrega un matiz festivo sutil sin que el ambiente sea demasiado dulce. Úsalo para conjuntos de invitación, tarjetas de RSVP y sitios web de bodas que busquen un ambiente pastel moderno. Consejo: imprime el texto en azul más oscuro para nitidez y reserva el lila para pequeños monogramas o detalles en los bordes.

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

16) Espacio de Trabajo Soleado

HEX: #8AC0FF #FFE77F #F5F2E8 #B0E9D6 #335F9F

Ambientación:brillante, organizado, amigable

Ideal para:tema para presentaciones

Brillante y organizado, estos tonos evocan un espacio ordenado bañado por el sol. La base cremosa mantiene la calma, mientras el amarillo permite resaltar sin gritar. Ideal para presentaciones, informes y talleres que buscan un aspecto amigable pero profesional. Consejo: usa el amarillo para puntos clave y deja los gráficos principalmente en azules para coherencia en las diapositivas.

Ejemplo de imagen de espacio de trabajo soleado generado usando media.io

17) Camión de Helados

HEX: #63B8FF #FFE45E #FFF7D6 #FF9FB8 #2756A4

Ambientación:divertido, nostálgico, brillante

Ideal para:póster de festival de verano

Divertido y nostálgico, los colores recuerdan a un letrero de camión de helados bajo un cielo brillante. De las combinaciones de azul pastel y amarillo, esta es más lúdica gracias al rosa chicle. Úsalo para festivales, pop-ups y promociones de verano donde se busca alegría instantánea y alta visibilidad. Consejo: usa el rosa solo como pequeños estallidos y deja que azul y amarillo dominen la jerarquía para mayor claridad de lectura.

Ejemplo de imagen de camión de helados generado usando media.io

18) Biblioteca Tranquila

HEX: #A9C8F2 #F6E8A7 #EFE8DD #6B7F99 #C2D6F2

Ambientación:suave, reflexivo, académico

Ideal para:diseño de portada de libro

Suave y reflexiva, la paleta evoca la luz del sol sobre páginas antiguas en una sala de lectura silenciosa. El beige cálido la aterriza, mientras los tonos azules apagados añaden calma académica. Úsala para portadas de libros, diarios y materiales educativos que buscan calidez en lugar de un minimalismo rígido. Consejo: elige el azul grisáceo más profundo para títulos y emplea el amarillo como un suave resalte bajo subtítulos o emblemas.

Ejemplo de imagen de biblioteca tranquila generado usando media.io

19) Paseo Marítimo Nocturno

HEX: #7EAEE8 #FFE082 #1F3F6B #F7F4EC #78D8C6

Ambientación:costero, equilibrado, ligeramente nostálgico

Ideal para:banner de función en app de viajes

Costero y algo nostálgico, el azul profundo recuerda al agua nocturna mientras el amarillo brilla como las luces del paseo. El acento aqua proporciona un contraste fresco que evita que el diseño se vea demasiado oscuro. Úsalo para banners de viajes, tarjetas de destino y etiquetas que requieran un toque dramático. Consejo: mantén el azul oscuro como fondo y coloca el amarillo sólo en iconos clave o etiquetas cortas para enfoque inmediato.

Ejemplo de imagen de paseo marítimo nocturno generado usando media.io

20) Aula Moderna

HEX: #92C7FF #FFEEA6 #F3F7FF #8AB0D6 #4C6FA8

Ambientación:fresco, accesible, enfocado

Ideal para:portada de curso e-learning

Fresco y accesible, estos tonos evocan un aula moderna con luz natural y cuadernos ordenados. El azul más claro mantiene el diseño limpio, mientras el amarillo suave aporta calidez para resaltar y navegar. Como paleta azul pastel y amarillo, encaja en portadas de cursos, miniaturas de lecciones y recursos para profesores donde la claridad es primordial. Consejo: usa el azul medio para títulos y reserva el amarillo para pequeños marcadores como números de lección o etiquetas de avance.

Ejemplo de imagen de aula moderna generado usando media.io

¿Qué colores combinan bien con azul pastel y amarillo pastel?

Los neutros suaves como blanco cálido, crema y azul gris claro ayudan a que el azul y el amarillo pastel parezcan intencionales en vez de “demasiado infantiles”. También crean espacio para tipografía e imágenes de producto.

Para toques frescos, prueba menta, aqua o verde agua: estos tonos se sitúan naturalmente entre azul y amarillo y mantienen la paleta ligera. Para detalles románticos/editoriales, el lila empolvado y el malva aportan personalidad sin sobrecargar la base.

Si necesitas mayor contraste para accesibilidad, incorpora azul marino, pizarra profunda o índigo para texto, gráficos y CTAs. Los tonos oscuros hacen que los fondos pastel parezcan más limpios y de alta calidad.

Cómo usar una paleta azul pastel y amarillo pastel en diseños reales

Empieza asignando roles: utiliza un azul pastel como fondo principal, reserva un azul más intenso para texto y botones y trata el amarillo pastel sólo como color de acento. Así el diseño es legible y evita el deslumbramiento amarillo en grandes bloques.

En UI, usa el amarillo para estados interactivos pequeños (badges, etiquetas, progreso, seleccionados) y mantén el texto largo sobre neutros claros. Para impresión, prueba el amarillo en tu papel—el amarillo pastel puede cambiar rápidamente bajo distinta luz.

Para completar el sistema, añade un acento “puente” (menta/aqua) y un neutro (crema/blanco roto). Ganarás flexibilidad de layout sin perder el ambiente primaveral suave.

Crea visuales de paletas azul pastel y amarillo pastel con IA

Si quieres previsualizar cómo se ve una paleta azul-amarillo pastel en una landing, póster, invitación o maqueta de producto, generar imágenes conceptuales rápidas te ahorra horas. Además, es una gran manera de probar contraste y jerarquía antes de diseñar el layout final.

Con Media.io texto a imagen, puedes pegar un prompt, especificar un aspecto y repetir hasta que la paleta se ajuste a tu marca o proyecto. Prueba describiendo tu tipo de diseño (UI, flyer, empaque) y menciona tus colores clave.

Siguiente: Paleta de colores Blue Raspberry