Paletas de colores amarillo, naranja y rojo: 20 combinaciones con códigos hexadecimales

El amarillo, el naranja y el rojo se encuentran uno al lado del otro en la rueda de colores, por lo que se mezclan de forma natural y se sienten instantáneamente “cálidos”. Eso los hace perfectos para la identidad moderna, interfaces audaces y diseños impresos llamativos.

A continuación, encontrarás 20 paletas de amarillo, naranja y rojo con códigos HEX, además de consejos prácticos de combinación y ejemplos de prompts de IA que puedes usar para generar visuales adecuados rápidamente.

Por qué funcionan tan bien las paletas de amarillo naranja rojo

El amarillo, el naranja y el rojo comunican calidez y movimiento. Al ser tonos análogos, tus diseños se sienten cohesivos incluso cuando mezclas matices claros con acentos saturados y profundos.

Estos tonos también atraen naturalmente la atención: el amarillo se percibe como brillante y optimista, el naranja como enérgico y amigable, y el rojo como urgente y decisivo. Por eso funcionan bien para llamadas a la acción, promociones y jerarquía de titulares.

La clave está en controlar el contraste. Si todo es intenso y brillante, la legibilidad se ve afectada; por eso obtendrás mejores resultados añadiendo espacios blancos y usando texto anclado en carbón, marrón profundo o casi negro.

Más de 20 ideas de paletas de colores amarillo naranja rojo (con códigos HEX)

1) Amanecer de Azafrán

HEX: #FFF1A8 #FFD166 #FCA311 #F77F00 #D62828

Estado de ánimo: optimista, radiante, enérgico

Ideal para: manual de marca, logos de estilo de vida, moodboards de campañas

Optimistas y radiantes, estos tonos evocan los rayos de sol tempranos sobre calles cálidas de la ciudad. Usa los amarillos más brillantes para fondos y los naranjas-rojos más profundos para titulares y llamadas a la acción. Combínalos con blanco rompiente y un toque de carbón para una legibilidad nítida. Consejo: reserva el rojo más profundo para detalles pequeños, para no saturar el diseño.

Ejemplo de imagen de amanecer de azafrán generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Brasas de Mango

HEX: #FFE08A #FFB703 #FB8500 #E85D04 #9D0208

Estado de ánimo: audaz, deportivo, impactante

Ideal para: pantallas de onboarding para aplicaciones, banners promocionales, secciones de CTA

Audaz e impactante, recuerda a un mango maduro con un toque de brasas incandescentes. Deja que los tonos dorados lleven las superficies principales y utiliza los rojos más oscuros para botones y etiquetas clave. Combina bien con interfaces blancas y divisores grises sutiles. Consejo: reserva el tono más profundo para estados de foco y resaltado de errores.

Ejemplo de imagen de brasas de mango generado con media.io

3) Golpe de Papaya

HEX: #FFF3B0 #FFD60A #FF9F1C #FF5400 #C1121F

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

Ideal para: carteles de eventos de verano, gráficos sociales, promociones musicales

Divertido y energético, recuerda puestos de fruta, patines y playlists de verano con mucho ritmo. Esta paleta funciona mejor cuando el amarillo brillante es el lienzo y los rojos son el punto focal de fuerza. Combínala con tipografía negra para máxima legibilidad y un toque moderno. Consejo: usa el naranja medio para degradados que suavicen la transición entre tonos claros y oscuros.

Ejemplo de imagen de golpe de papaya generado con media.io

4) Amapola Dorada

HEX: #FFF1C1 #FFCA3A #FF924C #F94144 #8D0801

Estado de ánimo: soleado, seguro, de exterior

Ideal para: envases de snacks, etiquetas de mercado local, mostradores de tienda

Soleado y seguro, estos tonos evocan campos de amapolas y puestos de fruta en la carretera. Usa los tonos dorados para la zona principal de la etiqueta y los rojos profundos para la marca y sabores destacados. Se combina naturalmente con texturas de papel kraft o blanco mate limpio. Consejo: añade bordes rojos finos en vez de bloques grandes de rojo para un look fresco.

Ejemplo de imagen de amapola dorada generado con media.io

5) Carnaval Cítrico

HEX: #FFF5D6 #FFD23F #FF8C42 #FF3C38 #A71D31

Estado de ánimo: festivo, llamativo, amigable

Ideal para: promos de Instagram, anuncios de lanzamiento, avisos de festival

Festivo y amigable, recuerda confeti, rodajas cítricas y desfiles callejeros al atardecer. Usa el tono claro cremoso como espacio de respiro y superpone naranja y rojo para formas audaces y distintivos. Combínalo con tipografía sans-serif sencilla y amplios espacios para mantenerlo moderno. Consejo: haz que los degradados sean sutiles y deja que los bloques planos sean los protagonistas.

Ejemplo de imagen de carnaval cítrico generado con media.io

6) Calor del Desierto

HEX: #F9E076 #F6AA1C #BC3908 #941B0C #4F000B

Estado de ánimo: robusto, dramático, cinematográfico

Ideal para: diseños de menú BBQ, branding de salsa picante, carteles de exterior

Robusto y cinematográfico, evoca arena horneada por el sol, madera carbonizada y el resplandor de una fogata distante. Estas combinaciones brillan en menús y etiquetas donde el calor debe ser intenso pero equilibrado. Combina con fondos texturizados como grano de papel y usa crema clara para legibilidad. Consejo: aplica el tono más oscuro solo al texto principal en tamaños pequeños y áreas de alto contraste.

Ejemplo de imagen de calor del desierto generado con media.io

7) Mercado de Otoño

HEX: #FFF0B3 #F4D35E #EE964B #F95738 #C5283D

Estado de ánimo: acogedor, nostálgico, cálido

Ideal para: flyers estacionales, señalización de tienda, carteles de feria artesanal

Acogedor y nostálgico, evoca calabazas apiladas en la entrada y pasteles calientes enfriándose en el mostrador. Los amarillos suaves mantienen el diseño acogedor y los naranjas-rojos hacen que los precios y titulares resalten. Combina con tipografía serif para un aire artesanal o sans clean para retail moderno. Consejo: utiliza el naranja medio como acento principal para evitar un rojo demasiado fuerte.

Ejemplo de imagen de mercado de otoño generado con media.io

8) Resplandor de Caléndula

HEX: #FFF4C2 #FFDD57 #FFB703 #FB8500 #E63946

Estado de ánimo: alegre, limpio, moderno

Ideal para: anuncios de cuidado de la piel, landing pages de belleza, encabezados de correo

Alegre y limpio, recuerda caléndulas bajo la luz suave de la tarde con acabado moderno y brillante. Usa el amarillo claro para fondos amplios y el naranja para destacar productos. Combina con neutros cálidos e iconos lineales mínimos para un look pulido. Consejo: el rojo debe ser un pequeño acento de firma en distintivos o claims clave.

Ejemplo de imagen de resplandor de caléndula generado con media.io

9) Terracota Especiada

HEX: #FBE0C3 #F7B267 #F79D65 #F25C54 #7A1F1F

Estado de ánimo: terroso, artesanal, cálido

Ideal para: branding de decoración del hogar, etiquetas para cerámica, webs rústicas

Terroso y artesanal, evoca macetas de barro, polvo de canela y paredes cálidas de estuco. Usa el durazno pálido como base suave y superpone tonos terracota para profundidad y textura. Combina con papel natural, tonos de madera o arte lineal simple en negro. Consejo: añade patrones o grano al fondo para que los tonos cálidos medios parezcan más ricos.

Ejemplo de imagen de terracota especiada generada con media.io

10) Llama Mielada

HEX: #FFF2B2 #FFD166 #FF9F1C #FF6B35 #E63946

Estado de ánimo: brillante, amigable, enérgico

Ideal para: anuncios de bebidas, promociones de fitness, banners principales

Brillante y amigable, se siente como miel cayendo sobre una llama limpia. Los tonos dorados hacen que sea accesible, mientras que el naranja y el coral-rojo aportan movimiento y emoción. Combina con tipografía condensada y audaz y mucho espacio en blanco. Consejo: usa formas diagonales o destellos angulados para amplificar el ambiente enérgico.

Ejemplo de imagen de llama mielada generada con media.io

11) Farolillos Festivos

HEX: #FFF6A3 #FFCF33 #FF9F1C #F15A29 #C1121F

Estado de ánimo: festivo, cálido, resplandeciente

Ideal para: invitaciones a fiestas, volantes de eventos culturales, tarjetas de felicitación

Festivo y resplandeciente, evoca la luz de farolillos y los aromas de la comida callejera. Para una paleta de colores amarillo naranja rojo equilibrada, usa el amarillo claro como tono base y el rojo para nombres, fechas y detalles clave. Combina con motivos geométricos simples o iconos inspirados en farolillos para reforzar el tema. Consejo: evita los degradados pesados y utiliza bloques definidos de color para lograr claridad en impresión.

Ejemplo de imagen de farolillos festivos generada con media.io

12) Chai Coral

HEX: #FFF1E1 #FFD6A5 #FFAD69 #FF7F51 #D62828

Estado de ánimo: suave, acogedor, accesible

Ideal para: branding de cafetería, encabezados de menús, logotipos de pequeños negocios

Suave y acogedor, se siente como chai al vapor con un rubor coral. Utiliza el tono cremoso para mantener los diseños aireados y luego añade naranja y coral para calidez y personalidad. Combina con texto marrón oscuro o carbón para un acabado sólido. Consejo: una fina línea roja o marca tipo sello añade carácter sin sobrecargar la suavidad.

Ejemplo de imagen de chai coral generada con media.io

13) Ladrillo Asoleado

HEX: #FFE6A7 #F6BD60 #E07A5F #BC3908 #6A040F

Estado de ánimo: tradicional, sólido, resistente

Ideal para: portadas de libros, marcas de arquitectura, empaques artesanales

Sólido y resistente, evoca paredes de ladrillo calentadas por el sol del atardecer. Permite que los tonos claros cubran las superficies grandes, y usa los de ladrillo y vino para títulos y elementos estructurales. Combina con tipografía clásica de serif y amplios márgenes para un diseño premium. Consejo: introduce textura sutil o efecto relieve para que los colores oscuros no se vean planos.

Ejemplo de imagen de ladrillo asoleado generada con media.io

14) Degradado Atardecer

HEX: #FFF2A6 #FFD166 #FF8C42 #F24C3D #B80C09

Estado de ánimo: elegante, moderno, dramático

Ideal para: secciones principales de sitios web, landing pages de SaaS, banners

Elegante y dramático, parece un horizonte limpio que se desvanece del dorado al rojo intenso del atardecer. Esta gama amarillo naranja rojo funciona especialmente bien en grandes áreas de héroe con degradado y elementos UI mínimos. Combina con texto blanco y sombras sutiles para mantener el contraste en las zonas brillantes. Consejo: prueba la accesibilidad desde el inicio, ya que el amarillo puede desvanecer tipografías delgadas.

Ejemplo de imagen de degradado atardecer generada con media.io

15) Especia de Calabaza

HEX: #FFF3C4 #FFC857 #FF7A00 #E85D04 #B02A37

Estado de ánimo: estacional, acogedor, invitante

Ideal para: encabezados de blogs de recetas, promociones de otoño, campañas de correo

Estacional e invitante, recuerda el vapor especiado de calabaza y hojas doradas en movimiento. Utiliza el tono pálido como fondo calmado, luego crea jerarquía con títulos naranjas y detalles cálidos en rojo. Combina con crema suave o gris claro para que la página no se vea sobresaturada. Consejo: un solo banner naranja fuerte suele ser suficiente; deja que los tonos claros complementen el resto.

Ejemplo de imagen de especia de calabaza generada con media.io

16) Neutros Luz de Fuego

HEX: #FFF1CF #FFCC66 #FF944D #D9480F #5C1A1B

Estado de ánimo: sereno, maduro, premium

Ideal para: etiquetas de producto, empaques boutique, anuncios mínimos

Sereno y premium, se percibe como luz de vela contra madera oscura. Estas combinaciones amarillo naranja rojo resultan sofisticadas cuando dejas que la crema y el ámbar dominen el espacio. Combina con tipo negro mate y cuadrículas simples para un look boutique. Consejo: reserva el tono más oscuro para un sello pequeño o monograma que denote calidad.

Ejemplo de imagen de neutros luz de fuego generada con media.io

17) Sorbete de Mandarina

HEX: #FFF4D1 #FFE066 #FFB703 #FF6D00 #F94144

Estado de ánimo: fresco, cítrico, divertido

Ideal para: ilustraciones primaverales, carteles infantiles, promociones de snacks

Fresco y cítrico, evoca un sorbete derritiéndose en la acera al sol. Usa el amarillo limón como base, luego resalta con figuras de mandarina y un pequeño acento rojo para contraste. Combina con líneas dibujadas a mano y mucho espacio negativo para mantener la sensación aireada. Consejo: evita sombras pesadas, los bloques planos de color mantienen el ambiente ligero.

Ejemplo de imagen de sorbete de mandarina generada con media.io

18) Cítrico Carmesí

HEX: #FFF1A8 #FFC300 #FF8800 #FF4800 #B5171F

Estado de ánimo: vibrante, atrevido, alto contraste

Ideal para: editoriales, portadas de álbumes, carteles llamativos

Vibrante y atrevida, impacta como piel de cítrico brillante con un golpe carmesí. Usa el amarillo como acento en vez de fondo completo para que el contraste sea pronunciado. Combina con fotografía en blanco y negro o formas monocromas simples para un estilo editorial moderno. Consejo: mantén el rojo en bloques grandes y el naranja en detalles pequeños si quieres un diseño menos agresivo.

Ejemplo de imagen de cítrico carmesí generada con media.io

19) Cosecha Ámbar

HEX: #FFF0A6 #FFD972 #FF9F1C #F77F00 #AE2012

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

Ideal para: carteles de rebajas, banners de escaparate, señalética

Cálida y abundante, recuerda cestas de cosecha, jarabe ámbar y productos al sol. Usa el amarillo suave para áreas grandes y deja que el naranja-rojo más fuerte cree urgencia en descuentos y etiquetas temporales. Combina con texto marrón oscuro o casi negro para máxima legibilidad a distancia. Consejo: mantiene el diseño simple y deja que los grandes bloques de color hagan el trabajo.

Ejemplo de imagen de cosecha ámbar generada con media.io

20) Nota de Amor Solar

HEX: #FFF4B8 #FFDD57 #FF9F1C #FF5A3C #C1121F

Estado de ánimo: romántico, soleado, optimista

Ideal para: tarjetas de felicitación, save the date para bodas, promos de San Valentín

Romántica y soleada, se siente como una nota manuscrita dejada en una ventana llena de luz cálida. Estas combinaciones de amarillo, naranja y rojo se suavizan fácilmente con mucho espacio en blanco y delicados dibujos lineales. Combina con una serif elegante y un motivo simple de corazón o flor para un acabado dulce y moderno. Consejo: usa el rojo más oscuro solo para nombres o un pequeño sello para mantener el diseño liviano.

Ejemplo de imagen de nota de amor solar generada con media.io

¿Qué colores combinan bien con el amarillo naranja rojo?

Para un contraste limpio, combina paletas cálidas con neutros nítidos: blanco roto para oxigenar y carbón u oscuro casi negro para tipografía y divisores UI. Así evitas que los amarillos brillantes desbanquen el texto fino.

Si buscas un estilo más premium y sólido, agrega compañeros terrosos como marrón cacao, beige arcilla o tonos kraft. Estos moderan la saturación sin sacrificar calidez.

Si quieres un toque moderno y definido, introduce contrapartes frías con moderación: azul marino o teal profundo dan ancla "tech" y hacen que el naranja y rojo resalten más sin crear caos.

Cómo usar una paleta de colores amarillo naranja rojo en diseños reales

Empieza por los roles: usa amarillo pálido/crema como fondo, naranja medio para acentos secundarios y rojo para captar la máxima atención (CTA, precios, advertencias, insignias clave). Así evitas un look “totalmente caliente”.

Cuando uses gradientes, mantenlos grandes y sencillos: funcionan mejor en banners, carteles o secciones héroe. Para elementos UI pequeños (chips, etiquetas, iconos), prioriza colores planos y aseguras legibilidad constante.

En impresión y packaging, controla la cantidad de tinta: los rojos intensos pueden dominar. Usa bordes delgados, sellos o pequeños detalles en rojo y deja que amarillos/naranjas cálidos cubran lo principal.

Crea visuales de paletas amarillo naranja rojo con IA

Si ya tienes códigos HEX, puedes crear prototipos coherentes rápido generando carteles, paquetes, secciones UI o patrones que coincidan con el ánimo de tu paleta.

Reutiliza los prompts anteriores y cambia el tema (menú, landing, etiqueta, invitación) manteniendo la dirección de color. Así conceptualizas más rápido y logras alineación visual en el equipo.

Genera varias alternativas y elige la de jerarquía y contraste más limpio, sobre todo donde el amarillo queda tras el texto.

Siguiente: Paleta de colores Love