Combinaciones de colores amarillo y púrpura: 20 ejemplos, hex y diseños AI

El amarillo y el púrpura forman una pareja destacada: la calidez soleada se encuentra con la profundidad rica, aportando energía instantánea sin sacrificar la sofisticación.

A continuación, encontrarás 20 ideas de paletas de colores amarillo y púrpura listas para usar (con códigos HEX), además de consejos prácticos para branding, UI, impresión y diseño de eventos.

Por Qué Funcionan Tan Bien las Paletas Amarillo Púrpura

El amarillo y el púrpura se encuentran en lados opuestos de la rueda de color, por lo que el contraste se siente naturalmente vibrante y llamativo. Esa relación complementaria ayuda a que los diseños resalten incluso con formas simples y un diseño minimalista.

Psicológicamente, el amarillo transmite optimismo y claridad, mientras que el púrpura se asocia con lo imaginativo, lo premium y lo expresivo. Juntos pueden percibirse como divertidos o lujosos dependiendo de la intensidad/saturación y oscuridad/claridad de los tonos.

El truco está en el equilibrio: deja que un color lidere (generalmente el púrpura para la estructura o el amarillo para los toques de luz), y utiliza neutros para controlar la intensidad. Así, tu paleta de colores amarillo púrpura será legible en UI, impresión y branding.

20+ Ideas de Paletas de Colores Amarillo Púrpura (con Códigos HEX)

1) Iris Iluminado por el Sol

HEX: #f9d84a #f7f2e7 #a06cd5 #5b2a86 #2b2d42

Estado de ánimo: alegre, pulido, seguro

Ideal para: identidad de marca de bienestar y páginas de aterrizaje

La luz alegre sobre tonos de iris aterciopelado se siente optimista y madura. Utiliza el añil oscuro para titulares y botones, luego deja que el amarillo resalte detalles e íconos. Para una paleta de colores amarillo púrpura nítida, usa el crema como fondo principal para que los colores acentuados no compitan. Consejo: reserva el amarillo más brillante para llamadas a la acción y genera “aire” con espacios generosos.

Ejemplo de imagen de iris iluminado por el sol generado en 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) Limonada de Lavanda

HEX: #fff1a8 #f6d4ff #c77dff #7b2cbf #f8f9fa

Estado de ánimo: suave, dulce, etéreo

Ideal para: invitaciones de boda y papelería de despedida de soltera

Vibras de limonada suave y glaseado de lavanda crean un look romántico sin empalagar. El amarillo pálido funciona bien como tono de papel, mientras que los tonos violetas se ocupan de los nombres, bordes y monogramas. Combínalo con tipografía con serif delicadas y un sutil detalle floral lineal para un acabado refinado. Consejo: usa el púrpura más intenso para el texto principal y así mantener un buen contraste y legibilidad.

Ejemplo de imagen de limonada de lavanda generado en media.io

3) Mostaza Real

HEX: #cfa52c #f2e2b6 #6d28d9 #3b0a74 #1f2937

Estado de ánimo: lujoso, intenso, dramático

Ideal para: etiquetas de licores premium y empaques boutique

Mostaza envejecida y púrpura real evocan cortinas de terciopelo y molduras de oro antiguo. Usa el carbón para textos y detalles legales, luego el púrpura oscuro para escudos, sellos y elementos premium. El neutro claro evita que el diseño se sienta pesado en estantería. Consejo: agrega destellos sutiles dorados con la mostaza, pero limítalos a zonas específicas para lograr mayor impacto.

Ejemplo de imagen de mostaza real generado en media.io

4) Amatista Narciso

HEX: #ffd400 #fff7cc #b388eb #6a0dad #4a4e69

Estado de ánimo: brillante, primaveral, estimulante

Ideal para: plantillas y promos estacionales para redes sociales

El amarillo narciso combinado con amatista recuerda al primer fin de semana cálido del año. Usa el matiz mantecoso pálido como lienzo y superpón formas púrpura para estructura y jerarquía. Funciona especialmente bien con tipografía redondeada y tipo sticker. Consejo: reserva el amarillo más brillante para un solo elemento focal para evitar ruido visual.

Ejemplo de imagen de amatista narciso generado en media.io

5) Orquídea Cítrica

HEX: #ffea61 #ffe8f2 #d946ef #7e22ce #0f172a

Estado de ánimo: divertido, enérgico, juvenil

Ideal para: anuncios de productos de belleza y banners de cosmética

El brillo cítrico con rosa púrpura orquídea es enérgico, brillante y a la moda. Usa el casi negro para el texto y deja que el magenta y el púrpura creen degradados y efectos de brillo. Destaca en anuncios breves donde buscas atención instantánea sin ser chocante. Consejo: usa el rubor pálido como espacio negativo alrededor de productos para dar sensación premium.

Ejemplo de imagen de orquídea cítrica generado en media.io

6) Uva Dorada

HEX: #f6c945 #fef3c7 #8b5cf6 #4c1d95 #111827

Estado de ánimo: segura, moderna, alto contraste

Ideal para: branding de tecnológicas y presentaciones para startups

Los detalles dorados sobre púrpura uva se sienten modernos, audaces y un poco futuristas. Estas combinaciones funcionan mejor si tratas el púrpura como color central y el dorado como señal de atención. Añade el crema cálido para slides y secciones que requieran espacio tranquilo. Consejo: limita el dorado solo para gráficas, cifras y puntos clave para que la presentación sea legible desde lejos.

Ejemplo de imagen de uva dorada generado en media.io

7) Flor de Crema de Mantequilla

HEX: #ffefc2 #f5f3ff #a78bfa #6b21a8 #374151

Estado de ánimo: delicado, acogedor, relajante

Ideal para: empaques de cuidado de piel y etiquetas de autocuidado

La suavidad de la crema de mantequilla mezclada con violeta claro resulta acogedora y accesible. Utiliza el lavanda casi blanco como fondo de etiqueta y el púrpura profundo para nombres de producto. El gris apagado da un aire moderno a la tipografía. Consejo: añade una banda de acento en amarillo pálido para distinguir variantes dentro de una línea de productos.

Ejemplo de imagen de flor de crema de mantequilla generado en media.io

8) Zest Neón

HEX: #ffe600 #ffd6ff #7c3aed #ff006e #0b132b

Estado de ánimo: eléctrico, nocturno, atrevido

Ideal para: carteles de eventos musicales y volantes de discoteca

Zest neón con rosa intenso y violeta oscuro evoca luces callejeras y bajos potentes. Deja el azul marino como base para que los acentos brillantes resalten en lugar de saturar. Funciona mejor con tipografías condensadas, formas filosas y texturas animadas. Consejo: usa el amarillo neón solo para fecha y lugar, de modo que se lea instantáneamente desde lejos.

Ejemplo de imagen de zest neón generado en media.io

9) Circo Vintage

HEX: #e2b13c #f3e9d2 #9d4edd #5a189a #2d2a32

Estado de ánimo: nostálgico, curioso, de cuento

Ideal para: invitaciones para fiestas infantiles y estampas divertidas

El dorado cálido y el púrpura evocan boletos, cuerdas de terciopelo y música de carrusel antiguo. Usa el crema como base de papel y el púrpura oscuro para delineados y texto. Añade estrellas, rayas o medallas dibujadas a mano para resaltar la vibra lúdica. Consejo: mantén los textos en carbón para que los detalles pequeños sean legibles.

Ejemplo de imagen de circo vintage generada con media.io

10) Violeta del Desierto

HEX: #e5c96b #f8f3e6 #b392f0 #7c3aed #5c5470

Estado de ánimo: tranquilo, soleado, moderno

Ideal para: Panel de control SaaS y tarjetas de datos

La arena soleada con violeta nebuloso transmite calma y enfoque en el producto. Esta paleta de amarillo y morado es especialmente amigable para dashboards porque tiene niveles claros para fondos, superficies y acentos. Usa los neutros suaves para paneles y el morado brillante para estados activos y enlaces. Consejo: mantén los colores de alerta y éxito separados para que el amarillo sea solo un acento, no una señal de advertencia.

Ejemplo de imagen de violeta del desierto generada con media.io

11) Azafrán de Primavera

HEX: #fff3b0 #fce7f3 #c084fc #8b5cf6 #14532d

Estado de ánimo: fresco, floral, optimista

Ideal para: ilustraciones botánicas y cabeceras estacionales para blog

Los morados frescos del crocus y la luz suave de primavera transmiten ligereza y ambiente de jardín. El verde es un toque de base inteligente para tallos, hojas y pequeños acentos de navegación. Usa el amarillo pálido y el rosa suave como lavados en capas para mantener las ilustraciones delicadas. Consejo: pinta las sombras con violeta diluido en vez de gris para mantener la coherencia visual.

Ejemplo de imagen de azafrán de primavera generada con media.io

12) Picnic Real

HEX: #f5c542 #fff8e1 #7e3af2 #3f0071 #b91c1c

Estado de ánimo: festivo, audaz, divertido

Ideal para: carteles de festivales gastronómicos y portadas de menús

La calidez dorada con violeta real se siente como un mantel de picnic mejorado para un mercado nocturno. Usa el morado profundo para el tipo principal y el amarillo brillante para etiquetas de precio, marcadores y destacados. Un toque sutil de rojo funciona bien como indicativo de picante o promociones especiales. Consejo: usa crema clara como fondo dominante para mantener el diseño limpio y apetitoso.

Ejemplo de imagen de picnic real generada con media.io

13) Amanecer Suave

HEX: #ffef99 #ffffff #d8b4fe #a855f7 #6b7280

Estado de ánimo: limpio, amigable, accesible

Ideal para: plantillas para boletines y pantallas de bienvenida

Los tonos suaves del amanecer se sienten acogedores, simples y agradables a la vista. Usa el blanco como área principal y deja que el lavanda y el violeta generen una jerarquía suave para títulos y botones. El gris mantiene el texto largo legible y profesional. Consejo: evita los bordes gruesos y usa paneles teñidos para un look moderno y fluido.

Ejemplo de imagen de amanecer suave generada con media.io

14) Urban Pop

HEX: #ffd60a #e5e7eb #9333ea #4a044e #111827

Estado de ánimo: urbano, energético, moderno

Ideal para: catálogos de moda urbana y gráficos de lanzamiento

El amarillo de alto impacto junto al violeta profundo recuerda señales urbanas y energía nocturna. Estas combinaciones de colores amarillo y morado se potencian más al mantener el diseño minimalista y dejar que la tipografía tenga protagonismo. Usa gris para paneles secundarios y el casi negro para copias extensas y letra pequeña. Consejo: aplica el amarillo solo a uno o dos elementos por página, como precio o fecha de lanzamiento, para evitar saturación visual.

Ejemplo de imagen de urban pop generada con media.io

15) Azafrán de Tarde

HEX: #f4b400 #f1e9ff #5e2b97 #2a0a4a #2f2f2f

Estado de ánimo: elegante, íntimo, cinematográfico

Ideal para: branding de restaurantes e invitaciones a cenas

El azafrán de tarde con violeta profundo evoca velas y menús de terciopelo. Usa lavanda clara como fondo para tarjetas y el violeta más oscuro para encabezados y monogramas. El carbón funciona bien para direcciones largas y detalles pequeños sin hacerlo brusco. Consejo: añade líneas finas de azafrán o marcas de esquina para generar un efecto premium enmarcado.

Ejemplo de imagen de azafrán de tarde generada con media.io

16) Alegría de Sala de Juegos

HEX: #ffeb3b #ffccf9 #9c27b0 #673ab7 #00a896

Estado de ánimo: divertido, amable, centrado en niños

Ideal para: carteles educativos y materiales para aulas

Los colores vivos de una sala de juegos transmiten alegría, curiosidad y energía. Usa el amarillo para títulos y destacados, y combínalo con morado para estructura y elementos repetidos como pestañas de sección. El verde azulado es ideal para marcas de verificación, señales de aprendizaje o conjuntos sencillos de íconos. Consejo: mantén los bloques de texto sobre fondos claros y evita poner párrafos sobre los colores más brillantes.

Ejemplo de imagen de alegría de sala de juegos generada con media.io

17) Glamour Art Deco

HEX: #d4af37 #f7f2e8 #7f3fbf #3a0ca3 #0b090a

Estado de ánimo: glamuroso, geométrico, elegante

Ideal para: carteles de gala y branding para eventos de lujo

El dorado de estilo art déco junto con el morado intenso se siente glamuroso, geométrico y lujosamente sofisticado. Usa el negro para espacios negativos dramáticos y el crema para bloques de texto legibles. El morado es ideal para motivos de abanico y marcos llamativos, mientras que el dorado debe reservarse para líneas delgadas y pequeños acentos. Consejo: mantén diseños simétricos y ángulos marcados para lograr el ambiente Art Deco.

Ejemplo de imagen de glamour art deco generada con media.io

18) Ramo Campestre

HEX: #f3d250 #fff4d6 #b565f2 #7b2cbf #3a5a40

Estado de ánimo: cálido, rústico, floral

Ideal para: señalización de mercados y etiquetas de productos artesanales

Campos dorados y morado de flores silvestres evocan un aire rústico, amigable y hecho a mano. El verde añade una base terrenal que funciona bien para productos frescos, hierbas y señales de sostenibilidad. Para mantener la paleta natural, deja la crema como fondo principal y usa el morado para marcas tipo sello. Consejo: suma textura con el grano del papel o moteado suave en vez de más colores.

Ejemplo de imagen de ramo campestre generada con media.io

19) Snack Cósmico

HEX: #ffdd00 #1b1b3a #9d4edd #f72585 #f2f2f2

Estado de ánimo: audaz, divertido, ciencia ficción

Ideal para: empaques de snacks y sabores de edición limitada

El azul navy cósmico con amarillo brillante y toques de caramelo transmite un aire lúdico, de ciencia ficción y un poco surrealista. Usa el navy como base del empaque para que el amarillo y el rosa neón resalten como letreros luminosos. El morado puede llevar estrellas, degradados o ilustraciones de sabor sin robar protagonismo. Consejo: mantén la información nutricional e ingredientes en panel gris claro para legibilidad limpia.

Ejemplo de imagen de snack cósmico generada con media.io

20) Estudio Minimalista

HEX: #f8e16c #f4f4f5 #a78bfa #6d28d9 #18181b

Estado de ánimo: minimalista, moderno, limpio de estudio

Ideal para: sitios web de portafolio y páginas de casos de estudio

Los neutros limpios de estudio con amarillo suave y violeta definido se sienten modernos e intencionales. Usa el gris claro como fondo principal, y suma amarillo con moderación para marcadores de sección y micro-interacciones. El morado funciona mejor para enlaces, etiquetas y pequeños acentos de interfaz que necesitan destacar. Consejo: mantén la fotografía fría y neutra para que los acentos no choquen entre sí.

Ejemplo de imagen de estudio minimalista generada con media.io

¿Qué Colores Combinan Bien con Amarillo Púrpura?

Los neutros son la combinación más fácil: blanco, crema, gris claro, carbón y casi negro evitan la competencia entre amarillo y morado. También ayudan a controlar el contraste para mejorar la legibilidad en UI e impresión.

Para una dirección más natural, añade verdes (salvia, oliva, bosque) para evocar tallos y vegetales. Para un estilo más moderno, prueba acentos rosa/magenta o una base azul navy profunda para que los colores brillantes resalten.

Si tienes dudas, elige un solo “color de apoyo” y mantenlo sutil. Un tercer color pequeño suele bastar para guiar la jerarquía sin enturbiar la relación entre amarillo y morado.

Cómo Utilizar una Paleta de Colores Amarillo Púrpura en Diseños Reales

Decide qué tono lidera: usa el morado para estructura (títulos, navegación, botones) y el amarillo para énfasis (insignias, íconos, destacados). Así la paleta se siente intencional y no dividida por la mitad.

En UI, reserva el amarillo más brillante para acentos no críticos, evitando confusión con advertencias. Para impresión (packaging, invitaciones), usa blancos cálidos y fondos texturizados para suavizar el alto contraste.

Prueba la accesibilidad pronto: morado sobre amarillo puede sorprender, pero puede fallar en contraste cuando el texto es pequeño. Usa morado oscuro o carbón para el texto principal y deja el amarillo principalmente como fondo o acento.

Crea Visuales de Paletas Amarillo Púrpura con IA

¿Necesitas ver tu paleta en contexto antes de decidir? Genera maquetas rápidas como brand boards, carteles, tarjetas UI o conceptos de packaging usando prompts de texto.

Con Media.io text-to-image, puedes iterar rápidamente: usa el mismo prompt, cambia las referencias HEX y compara opciones lado a lado para encontrar el mejor equilibrio entre amarillo y morado.

Cuando estés conforme con la dirección, exporta tus visuales para presentaciones, mood boards o revisiones de clientes, y luego ajusta tipografía y espacios en tu herramienta de diseño preferida.

Siguiente: Paleta de colores marrón y rojo