Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaIdeas y tendencias
Ideas y tendencias

Paletas de colores de otoño: seis ideas con códigos hex

El color del otoño es fácil de acertar casi y difícil de acertar del todo. Seis paletas pensadas para campañas reales, con códigos para copiar y las pequeñas decisiones que evitan que el naranja se vuelva turbio.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Rattan Shimmer · GR·R0TT·XE

La versión corta

  • Una paleta de otoño sólida tiene un oscuro cálido y profundo, dos o tres tonos medios cálidos como óxido y ámbar, un crema pálido y, a menudo, una nota fría como musgo o pizarra.
  • Las paletas de otoño se ven turbias cuando el naranja se mezcla directamente con verde o azul, así que pasa esas mezclas por un marrón cálido o mantenlos separados.
  • El color más oscuro de una paleta de otoño debe ocupar la zona del titular, porque el texto claro sobre un marrón profundo o un ciruela se lee con claridad en el móvil.
  • Las campañas de principios de otoño van bien con colores de cosecha más claros, mientras que finales de octubre y noviembre piden tonos más oscuros de ciruela, sangre de buey y luz de vela.
  • Todas las paletas de otoño de este artículo incluyen códigos hex que puedes pegar en cualquier herramienta de diseño o archivo CSS.
En esta página
Qué hace que una paleta se sienta otoñalSeis paletas de colores de otoño con códigos hexDegradados de otoño que puedes copiarCómo usar una paleta de otoño en un post realTamaños para una campaña de otoñoAdaptar la paleta al mes

Una paleta de colores de otoño que funciona tiene cuatro partes: un oscuro cálido y profundo como café expreso o ciruela, dos o tres tonos medios cálidos como óxido, calabaza y ámbar, un crema pálido para descansar la vista y, a menudo, una nota fría, musgo o pizarra, para que la calidez tenga algo contra lo que brillar. A continuación tienes seis paletas de otoño con códigos hex, degradados construidos con cada una y cómo componerlas para que un post de temporada se lea de un vistazo.

Qué hace que una paleta se sienta otoñal

El otoño tiene menos que ver con el naranja que con el valor: los colores quedan más bajos y más cálidos que los del verano. Las hojas, la corteza, la sidra y la luz de vela están ligeramente agrisadas, ligeramente marrones. Si subes cada color a saturación total, obtienes Halloween, que es otro encargo con su propia guía en gráficos de Halloween.

  • Un ancla oscura. Café expreso, corteza, ciruela o noche de bosque. Sostiene el texto e impide que la paleta parezca una tienda de golosinas.
  • Tonos medios cálidos, algo empolvados. Óxido, canela, ocre y cobre en lugar de naranja de cono de tráfico.
  • Una luz suave. Crema, avena o pergamino en lugar de blanco puro, que se ve frío junto al óxido.
  • Un contrapeso frío. Musgo, salvia o pizarra, en una zona pequeña. La calidez parece más cálida a su lado.

El equilibrio entre cálido y frío se explica bien en colores cálidos y fríos. Para una familia afín que funciona todo el año, mira colores tierra.

Seis paletas de colores de otoño con códigos hex

1. Hoguera

El clásico recorrido otoñal del humo a la llama. Usa Oscuro de brasa detrás del texto y guarda Caléndula para un solo destacado, como un precio o una fecha.

2. Huerto

Rojo y verde sin aire navideño, porque los dos están apagados y Corteza se sitúa entre ellos. Bueno para tiendas de productos de granja, panaderías y sidrerías.

3. Niebla y helecho

Un otoño frío para marcas a las que el naranja les parece demasiado fuerte. Cobre es el único color cálido, así que dale lo único que quieres que la gente note.

Tres más, para consulta rápida. Cada una sigue la misma estructura de oscuro, tonos medios, claro y acento.

Latte especiado

Oscuro

#3e2a20

Tonos medios

#8a5a3c #c89f7a

Claro

#efe4d6

Acento

#a33b2b
Ciruela y cobre

Oscuro

#2a1630

Tonos medios

#5e2a4f #b8733d

Claro

#f3e9dc

Acento

#e3b27a
Finales de octubre

Oscuro

#141016

Tonos medios

#3b1f2b #7a2e1f

Claro

#f1e4cf

Acento

#e9c46a
PaletaOscuroTonos mediosClaroAcento
Latte especiado#3e2a20#8a5a3c #c89f7a#efe4d6#a33b2b
Ciruela y cobre#2a1630#5e2a4f #b8733d#f3e9dc#e3b27a
Finales de octubre#141016#3b1f2b #7a2e1f#f1e4cf#e9c46a
Latte especiado va bien con cafeterías y hogar; Ciruela y cobre, con belleza y vino; Finales de octubre, con eventos de tarde y todo lo posterior al cambio de hora.

Degradados de otoño que puedes copiar

Una paleta se convierte en fondo cuando dejas que sus colores se mezclen. El truco del otoño es mantener cálida la fuente de luz y oscuros los bordes, como se ven de verdad el sol bajo y el anochecer temprano. Cada degradado de abajo usa colores de las paletas anteriores.

Seis degradados de otoño. Haz clic en cualquiera para copiar su CSS.

Turbio

  • Naranja mezclado directamente con verde azulado o verde
  • Todos los colores a saturación total
  • Texto y fondos de blanco puro junto al óxido
  • El color más brillante detrás del titular

Limpio

  • Naranja a verde pasando por un marrón cálido
  • Tonos medios empolvados con un acento vivo
  • Crema o avena como color claro
  • El color más brillante en una esquina, oscuro detrás de las palabras

El naranja y el verde azulado se encuentran en gris si los mezclas directamente. Esa banda gris es una de las razones por las que tantos gráficos de otoño parecen cansados, y degradados turbios explica la solución con detalle.

Cómo usar una paleta de otoño en un post real

La mayor parte del contenido de otoño es una oferta de temporada, un menú nuevo o un evento, así que las palabras importan más que las hojas. Pon el color más oscuro donde va el titular y escribe el texto en Crema. Usa el acento vivo una sola vez. Si quieres un patrón o una foto, tíñela con dos colores de la paleta para que quede al fondo.

Desde el 1 de octubre
Ya está aquí el menú de otoño.
Calabaza, castaña y pera especiada
Gradiently · @gradiently

Un post vertical de una cafetería para el feed, con la luz cálida lejos del titular.

Sábado 24 de octubre
Cena de la cosecha
Seis platos, una mesa larga
Gradiently · @gradiently

La misma estación como story, con la paleta más oscura y tardía para un evento de noche.

Un fondo degradado es más vivo que un marrón plano, pero puede pelearse con tu texto. En Gradiently, el fondo es un Mark que sabe dónde están las palabras: coloca su color más calmado y de mejor contraste detrás del titular y elige texto claro u oscuro línea a línea, de modo que un otoño rico sigue siendo legible sin caja ni sombra detrás de las palabras. Texto sobre un degradado cubre la forma manual.

Tamaños para una campaña de otoño

Una campaña de temporada suele necesitar un post del feed, una story, un pin de Pinterest para recetas o ideas de regalo y una cabecera de correo. Diseña primero el post principal y haz los demás a partir de él para que el color caiga en el sitio correcto de cada forma.

Post de Instagram 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Pin de Pinterest 1000×1500

1000 × 1500

Cabecera de correo 1200×600

1200 × 600

Cuatro formatos que cubren la mayoría de las campañas de otoño. Todos los demás tamaños están en tamaños de imagen para redes sociales.

Adaptar la paleta al mes

El otoño dura tres meses, y la luz cambia mucho a lo largo de él. Desplazar la paleta con suavidad evita que una campaña larga se quede rancia sin romper tu aspecto.

  • Septiembre: Huerto o Latte especiado. Más claras, todavía algo verdes, buenas para la vuelta a la rutina y las ofertas de cosecha.
  • Octubre: Hoguera o Niebla y helecho. El punto álgido de las hojas. Guarda el más oscuro Finales de octubre para la última semana y para los eventos de Halloween.
  • Noviembre: Ciruela y cobre o A la luz de las velas. Días cortos e interiores cálidos; esta paleta lleva de forma natural a los posts de Acción de Gracias y a la temporada de regalos.

Mantén el color de tu marca en la sala

Una paleta de temporada debe situarse alrededor del color de tu marca, no sustituirlo. Cambia tus tonos claros y medios habituales por otros de otoño y conserva el color de tu logo como acento, para que la gente siga sabiendo que eres tú.

Diseña con un degradado vivo

Publicaciones, historias, diapositivas y banners en todos los tamaños, con texto que siempre se lee.

Empezar a diseñar, gratis

Preguntas frecuentes

¿Qué colores tiene una paleta de colores de otoño?

Normalmente un oscuro cálido y profundo como café expreso o ciruela, tonos medios cálidos como óxido, calabaza, ocre y cobre, un crema suave y, a veces, un acento frío de musgo o pizarra.

¿Cuáles son buenos códigos hex de otoño?

Prueba #2b1a12 para un oscuro, #8c2f1b óxido, #d9622b calabaza, #f2a541 caléndula y #f6e3c5 crema. Es la paleta Hoguera de este artículo.

¿Cómo evito que los degradados de otoño se vean turbios?

Evita mezclar el naranja directamente con verde o azul, lo que crea una banda gris. Pasa la mezcla por un marrón cálido o mantén los colores en zonas separadas.

¿Puedo usar colores de otoño sin naranja?

Sí. Niebla y helecho usa musgo, liquen y niebla con un único acento de cobre, y Ciruela y cobre se apoya en un morado profundo. Ambas siguen leyéndose como otoño.

¿Qué color de texto funciona sobre un fondo de otoño?

El texto crema o avena sobre el color más oscuro de la paleta se lee mejor. El blanco puro puede verse frío junto al óxido y el marrón.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Qué hace que una paleta se sienta otoñalSeis paletas de colores de otoño con códigos hexDegradados de otoño que puedes copiarCómo usar una paleta de otoño en un post realTamaños para una campaña de otoñoAdaptar la paleta al mes

Compartir esta guía

Siguiente en Ideas y tendencias

Paletas de colores de invierno: hex helados y festivos

Sigue leyendo

Todas las guías de Ideas y tendencias
Ideas y tendencias

Paletas de colores de invierno: hex helados y festivos

6 min de lectura

El invierno son en realidad tres estaciones para una marca: el frío, el confort y la celebración. Aquí tienes una paleta para cada una, con códigos para copiar y las comprobaciones de contraste que necesitan los colores pálidos.

Ideas y tendencias

Paletas de colores de verano: cinco ideas con códigos hex

6 min de lectura

El color del verano debe sentirse como luz, no como un rotulador fosforito. Cinco paletas sacadas de lugares y momentos del día reales, con códigos, degradados y las composiciones que las mantienen legibles.

Ideas y tendencias

Paletas de colores de primavera: seis ideas con códigos hex

6 min de lectura

La primavera es más que pasteles: verde mojado tras la lluvia, el primer amarillo de los narcisos, cielo pálido y tierra oscura. Seis paletas con códigos y cómo usarlas sin perder tu marca.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently