20 paletas de colores otoñales ideales para bodas, ropa y más

Las paletas de colores otoñales se construyen alrededor de tonos cálidos y terrosos: imagina marrones tostados, dorados ámbar, verdes oliva y rojos arcilla. Son ideales cuando quieres que los visuales se sientan acogedores, exclusivos y relevantes para la temporada sin lucir demasiado brillantes.

A continuación tienes 20 ideas de paletas otoñales con códigos HEX, además de consejos de uso real para UI, branding, impresión y creatividades sociales. Cada paleta también incluye un prompt de IA listo para copiar que puedes utilizar para generar imágenes a juego.

Por qué funcionan tan bien los esquemas de colores otoñales

Los tonos otoñales naturalmente se sienten reconfortantes porque se sitúan en la mitad cálida del espectro: caramelo, terracota, óxido y marrones oscuros. Esa calidez crea una sensación instantánea de cercanía, haciendo de esta paleta una excelente elección para promociones, envases y diseños de estilo de vida.

También son muy prácticos. Muchos colores otoñales tienen valores medios a oscuros, lo que significa que puedes crear contraste claro para textos, botones y encabezados sin depender de negros duros o tonos excesivamente saturados.

Finalmente, las paletas otoñales combinan a la perfección con tonos neutros. Blancos cremosos, avena y tonos piedra ayudan a que los acentos cálidos luzcan sofisticados, perfecto para UI moderno, sistemas de branding y maquetaciones editoriales.

20+ Ideas de Paletas de Colores Otoñales (con Códigos HEX)

1) Café con leche cosecha

HEX: #f3e6d0 #d9b48f #b57a4a #7a4a2a #2f1f16

Estado de ánimo: acogedor, cremoso, terroso

Mejor para: Branding de café, menús y etiquetas de empaque

La luz acogedora del café y la espuma tostada se reflejan en estos neutros cremosos y marrones asados. Esta paleta cálida funciona maravillosamente en menús, pegatinas y empaques donde la calidez debe sentirse premium, no rústica. Combínala con mucho espacio en blanco y un solo acento espresso profundo para la jerarquía. Consejo: usa el tono más oscuro para la tipografía y reserva el tono caramelo para botones o resaltar precios.

Ejemplo de imagen de café con leche cosecha generado con media.io

Media.io

Media.io es un estudio de IA online para crear y editar videos, imágenes y audio en tu navegador.

Pruébalo gratis ahora

2) Especia de calabaza

HEX: #fff1db #ffb15a #e46a2e #9b3e21 #3a1f1a

Estado de ánimo: llamativo, acogedor, picante

Mejor para: Publicidad estacional en redes sociales y promociones de productos

El naranja brillante de calabaza y el marrón tostado crean un aspecto vibrante y atractivo que recuerda a hornos cálidos y aire fresco. Estas paletas otoñales son ideales para títulos, etiquetas de ofertas y promociones limitadas donde el contraste es importante. Combina el naranja vivo con fondos cremosos para mantener la legibilidad y el toque moderno. Consejo: utiliza el marrón más oscuro para la letra pequeña y deja que el naranja sea el protagonista.

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

3) Huerto de arce

HEX: #f7e7c6 #e0c08a #c06b3e #8f3b2e #3d2a24

Estado de ánimo: iluminado por el sol, nostálgico, rústico

Mejor para: Ajustes para fotografía de comida, encabezados de blog y tarjetas de recetas

Los tonos de jarabe de arce a la luz del sol y los marrones corteza de huerto producen una sensación nostálgica y cálida de cocina. El contraste medio hace que sea ideal para tarjetas de recetas y encabezados que necesitan claridad sin lucir rígidos. Combínalo con tipografía serif simple y mucho espacio crema para un toque editorial. Consejo: usa el tono medio de arce en iconos o divisores para mantener la cohesión.

Ejemplo de imagen de huerto de arce generado con media.io

4) Sidra de canela

HEX: #f6d7b0 #d69259 #b85a3c #6f2d2a #2a1b1a

Estado de ánimo: cálido, amistoso, reconfortante

Mejor para: Volantes de eventos y carteles comunitarios

La canela tostada y el rojo de la sidra caliente se sienten amistosos y cercanos, como una reunión vecinal. Este esquema de color otoñal se adapta muy bien a textos grandes, por lo que es ideal para carteles y folletos. Combínalo con texturas de papel crema o ilustraciones de líneas simples para evitar excesiva pesadez visual. Consejo: reserva el tono más oscuro para los detalles del evento y asegura su legibilidad a distancia.

Ejemplo de imagen de sidra de canela generado con media.io

5) Cobre rústico

HEX: #f2e2cf #cfa07a #b46a4a #7e3f2b #2b1a14

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

Mejor para: Branding de productos artesanales y tiendas en Etsy

El calor del cobre martillado y los neutros arcilla crean un ambiente artesanal y tradicional. Esta paleta otoñal es adecuada para marcas artesanales que buscan sentirse auténticas y pulidas. Combínala con ilustraciones lineales tipo tinta y distintivos sencillos para una estética de creador. Consejo: utiliza el neutro claro para el fondo de la tienda y deja los tonos cobre para etiquetas y botones.

Ejemplo de imagen de cobre rústico generado con media.io

6) Trigo dorado

HEX: #fbf1d2 #f1d189 #d6a24a #8c6b2f #3a2e1b

Estado de ánimo: brillante, saludable, cálido del sol

Mejor para: Marcas de bienestar, boletines y páginas de inicio

El trigo calentado por el sol y los dorados miel transmiten una sensación saludable, brillante y optimista. Como esquema otoñal cálido, mantiene las páginas ligeras pero con fundamento. Combínalo con texto color carbón y degradados suaves para evitar la planicie. Consejo: reserva el dorado más intenso para llamadas a la acción y haz que los botones destaquen sin ser neón.

Ejemplo de imagen de trigo dorado generado con media.io

7) Brasas del bosque

HEX: #efe6d8 #7b8f4a #3f5a3b #c95b3a #2a2420

Estado de ánimo: de exterior, ahumado, enérgico

Mejor para: Marcas de actividades al aire libre y gráficos para blogs de aventura

El verde pino y el naranja brasa evocan el humo de fogata y caminatas en el bosque entre árboles altos. La base verde aporta robustez, mientras que el acento naranja añade energía para destacar. Combínalo con fondos blanco roto y superposiciones fotográficas texturizadas para un estilo natural. Consejo: usa el naranja sólo en insignias, iconos o datos clave para que se perciba como una chispa y no un bloque.

Ejemplo de imagen de brasas del bosque generado con media.io

8) Oliva musgosa

HEX: #f3efe3 #b8b08a #7a7b4f #4c5532 #2a2f21

Estado de ánimo: calmado, terroso, discreto

Mejor para: Moodboards de diseño interior y branding de hogar

Los tonos suaves de musgo y oliva transmiten calma y enraizamiento, como lino, piedra y jardines sombreados. El contraste apagado es ideal para marcas de hogar y moodboards serenos. Combínalo con blancos cálidos y materiales naturales como roble o ratán para cohesión. Consejo: mantén los encabezados en el verde-negro más profundo para un look premium y silencioso.

Ejemplo de imagen de oliva musgosa generado con media.io

9) Tarta de arándano rojo

HEX: #fff0ea #e6b7ab #b44a4d #6f2a3b #2a1b24

Estado de ánimo: romántico, rico, festivo

Mejor para: Papelería de bodas y invitaciones boutique

Los rojos agrios de arándano y los neutros rosados aportan un ambiente romántico y a la luz de las velas con un toque de drama. Esta paleta de colores otoñales profundos destaca en invitaciones, tarjetas RSVP y papelería de pequeña impresión porque el vino intenso ancla la paleta. Combínala con detalles en foil dorado o cartulina crema cálida para un acabado lujoso. Consejo: mantén los fondos claros y utiliza el tono vino solo para nombres, monogramas y bordes.

Ejemplo de imagen de tarta de arándano generada con media.io

10) Arcilla Ahumada

HEX: #f0e5da #c79b84 #a15b47 #6a3a34 #2b2423

Estado de ánimo: atmosférica, táctil, terrosa

Mejor para: Branding de cerámica y páginas de producto artesanales

La arcilla ahumada y los tonos marrón de horno se sienten táctiles, atmosféricos y artesanales. Esta combinación cromática otoñal funciona bien para cerámica, productos artesanales y páginas de producto donde la textura es parte de la historia. Combínala con fotografía mate y tipografía simple de palo seco para una vibra moderna artesana. Consejo: usa el melocotón empolvado para el estado hover o como botón secundario para mantener interacciones suaves.

Ejemplo de imagen de arcilla ahumada generada con media.io

11) Corteza de Castaño

HEX: #f4eadf #c8a58b #8d5b3f #5a392b #2b1b14

Estado de ánimo: clásico, cálido, confiable

Mejor para: Maquetaciones editoriales y páginas de lectura larga

Los marrones castaños y los neutros suaves como papel se sienten clásicos y confiables, como los libros bien usados. El bajo contraste de brillo es cómodo para lecturas largas y maquetaciones editoriales. Combínalo con altura de línea generosa y sutiles reglas o divisores en beige claro. Consejo: mantén los enlaces en marrón medio para que destaquen sin saturarse en exceso.

Ejemplo de imagen de corteza de castaño generada con media.io

12) Cuadro Vintage

HEX: #f7f0e6 #d1b59a #b35a3a #4e5a3a #2a2522

Estado de ánimo: herencia, acogedor, de exterior

Mejor para: Lookbooks minoristas y branding de ropa

La energía del cuadro de herencia se transmite en el óxido cálido, verde musgo y neutros de lana suave. Esta paleta otoñal encaja en lookbooks de indumentaria, etiquetas colgantes y banners donde una vibra atemporal de exterior realza la historia. Combínala con fondos texturizados y maquetaciones de rejilla simples para mantenerlo moderno. Consejo: deja que el verde juegue un papel secundario en pequeños acentos para que el óxido lidere el ritmo visual.

Ejemplo de imagen de cuadro vintage generada con media.io

13) Atardecer Azafrán

HEX: #fff3d6 #f6c66a #e58a3a #a14a2a #3a2018

Estado de ánimo: radiante, optimista, cálido

Mejor para: Pantallas de onboarding de apps y banners principales

Los dorados azafrán y naranjas atardecer se sienten radiantes y optimistas sin llegar a ser estridentes. La paleta te da pasos claros para la jerarquía, desde fondos claros a llamados a la acción audaces. Combínala con texto cacao oscuro y formas redondeadas para una sensación digital amigable. Consejo: mantén los degradados sutiles y centrados en los tonos dorados para un efecto de resplandor suave.

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

14) Flor de Terracota

HEX: #f6ede4 #e3b4a0 #cf6d4a #8b3f2d #2f201c

Estado de ánimo: suave, artístico, soleado

Mejor para: Ilustraciones botánicas y blogs de estilo de vida

La terracota soleada y el rosa empolvado se sienten artísticos, como macetas de barro y pétalos secos. Es ideal para blogs de estilo de vida y secciones ilustradas que necesitan calidez sin saturación excesiva. Combínala con elementos botánicos dibujados a mano y márgenes blanco cálido. Consejo: utiliza la terracota oscura para títulos de sección y el tono rubor para destacados o recuadros.

Ejemplo de imagen de flor de terracota generada con media.io

15) Ladrillo Empolvado

HEX: #f2e8e0 #d3a59a #b35d55 #7a3a3a #2d1f1f

Estado de ánimo: urbano, maduro, discreto

Mejor para: Portafolios de arquitectura y páginas de casos de estudio

Los rojos ladrillo empolvados y los neutros similares al concreto transmiten una sensación urbana y madura, con confianza silenciosa. La saturación restringida funciona bien en portafolios y casos de estudio donde el contenido debe ser el protagonista. Combina este esquema otoñal con bloques grandes de imágenes y subtítulos mínimos para una vibra de galería. Consejo: utiliza el tono medio ladrillo en hipervínculos y pequeñas fichas de UI para guiar el escaneo.

Ejemplo de imagen de ladrillo empolvado generada con media.io

16) Linterna Ámbar

HEX: #fff2de #f0c07a #d47a2f #8a4b25 #2f1f17

Estado de ánimo: brillante, festivo, acogedor

Mejor para: Encabezados de email, banners de ofertas y gráficos de anuncios

El resplandor ámbar y los marrones de linterna crean un look acogedor y festivo que se interpreta de inmediato. Es ideal para anuncios y banners donde se desea calidez con contraste claro. Combínalo con formas geométricas simples y tipografía sans audaz para una rápida legibilidad. Consejo: mantén los fondos cremosos y usa el ámbar medio para la barra principal de títulos.

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

17) Morera Crepúsculo

HEX: #f6eff2 #c9a3b2 #8a4b66 #4a2a3a #1f161c

Estado de ánimo: atmosférico, elegante, moderno

Mejor para: Branding de belleza y anuncios de productos premium

La morera y el malva suave se sienten atmosféricos y elegantes, como terciopelo crepuscular y manchas de bayas. La paleta otoñal apoya visuales de belleza premium sin depender del negro intenso. Combínala con reflejos brillantes y tipografía mínima para mantenerlo moderno. Consejo: usa el ciruela más oscuro solo en logos y bordes, así el malva conserva su ligereza.

Ejemplo de imagen de morera crepúsculo generada con media.io

18) Piedra de Avena

HEX: #faf3e8 #e0d1bf #b9a08a #6f5c4f #2a241f

Estado de ánimo: neutro, calmado, minimalista

Mejor para: Sistemas UI modernos y design tokens

La avena y los neutros piedra transmiten calma, minimalismo y un aire discretamente sofisticado. El amplio rango de valores la hace ideal para sistemas UI donde se necesitan fondos, superficies y colores de texto confiables. Combínalo con un solo acento cálido (como óxido u oliva) cuando se requieran estados de atención. Consejo: asigna los tonos medios a bordes y divisores para que la interfaz se mantenga suave, no rígida.

Ejemplo de imagen de piedra de avena generada con media.io

19) Cuero de Pacana

HEX: #f5e9d8 #d8b894 #b07a4f #6d442c #2b1b13

Estado de ánimo: lujoso, cálido, refinado

Mejor para: Branding de moda masculina y packaging premium

El marrón pacana y los tonos cuero transmiten refinamiento y lujo discreto, como accesorios de calidad. Es una elección fuerte para empaques premium y branding de moda masculina donde la calidez debe ser controlada. Combínalo con tipografía marrón-negro y un solo emblema repujado para un look atemporal. Consejo: usa la crema clara como principal fondo y reserva el marrón medio para terminaciones, bordes y sellos.

Ejemplo de imagen de cuero de pacana generada con media.io

20) Ceniza de Cacao

HEX: #efe7dd #c9b8a8 #8a6f63 #4b3a35 #1f1716

Estado de ánimo: ahumado, moderno, sofisticado

Mejor para: Carteles minimalistas y estudios de tipografía

El cacao y los neutros ceniza se sienten ahumados y sofisticados, como cacao tostado y carbón suave. La paleta contenida es ideal para carteles tipográficos donde el espaciado y la forma hacen el peso. Combínala con letras audaces y grano sutil para dar profundidad. Consejo: mantén el tono más claro como fondo y usa el más oscuro solo para el título principal para maximizar el impacto.

Ejemplo de imagen de ceniza de cacao generada con media.io

¿Qué colores combinan bien con el otoño?

Las paletas otoñales funcionan mejor con neutros cálidos (crema, avena, tostado) porque suavizan los óxidos y marrones intensos manteniendo el conjunto moderno. Si tu paleta ya es profunda, incrementa la cantidad de fondo claro para conservar la legibilidad.

Para acentos, elige un color “chispa”: naranja brasa, oro azafrán o vino de arándano. Usado con moderación en botones, insignias o destacados clave, añade energía sin sobrecargar la base aterrizada.

Los verdes apagados (oliva, musgo, bosque) también son clásicos en otoño. Equilibran esquemas cargados de naranja y funcionan especialmente bien en branding de exterior, hogar o herencia.

Cómo usar una paleta otoñal en diseños reales

Empieza pensando en los roles, no en las muestras: asigna el tono más claro a fondos, los medios a superficies y bordes, y el más oscuro al texto. Así creas jerarquía uniforme en páginas, carteles o empaques.

Mantén el control de la saturación. Los colores otoñales pueden volverse pesados rápidamente, así que reserva el tono más vivo (como naranja calabaza) para CTAs, precios destacados o pequeñas fichas de UI, y deja que los cremas y tostados manejen la mayor parte del diseño.

En branding, potencia la textura: grano, papel, cerámica mate y materiales naturales realzan la calidez del otoño. En UI, usa degradados sutiles y espacios generosos para evitar que la paleta se sienta densa.

Crea imágenes con paletas otoñales usando IA

Si tienes códigos HEX pero necesitas recursos reales—banners, mockups, encabezados o imágenes de producto—la generación con IA es una forma rápida de explorar el “look” antes de comprometerte con un sistema de diseño completo. Puedes mantener la consistencia reutilizando la misma estructura de prompt y solo cambiando los colores de la paleta.

Con Media.io, puedes convertir un simple prompt en imágenes otoñales para anuncios, landing pages y publicaciones sociales de marca. Comienza con un fondo limpio, especifica los colores HEX dominantes y configura la relación de aspecto según tu plataforma.

Siguiente: Paleta de colores beige crema