# Paletas de colores de otoño: seis ideas con códigos hex [Canonical HTML page](https://gradiently.design/es/guide/autumn-color-palettes) 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. ## The short version - 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. 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](https://gradiently.design/es/guide/halloween-graphics). - **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](https://gradiently.design/es/guide/warm-and-cool-colors). Para una familia afín que funciona todo el año, mira [colores tierra](https://gradiently.design/es/guide/earth-tone-colors). ## Seis paletas de colores de otoño con códigos hex ### 1. Hoguera - Oscuro de brasa: #2b1a12 - Óxido: #8c2f1b - Calabaza: #d9622b - Caléndula: #f2a541 - Crema: #f6e3c5 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 - Corteza: #4a3426 - Rojo manzana: #9b2335 - Pera: #b5a642 - Hoja de salvia: #7d8b6a - Avena: #e8dcc4 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 - Helecho oscuro: #2f3b33 - Musgo: #6b7f5e - Liquen: #a8a48c - Niebla: #d8d3c6 - Cobre: #b5653a 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. | Paleta | Oscuro | Tonos medios | Claro | Acento | | --- | --- | --- | --- | --- | | 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. - Anochecer de calabaza: `linear-gradient(160deg, #2b1a12 0%, #8c2f1b 45%, #d9622b 75%, #f2a541 100%)` - Luz de huerto: `radial-gradient(circle at 30% 25%, #f2a541 0%, #b5653a 35%, #5a1e24 80%)` - Niebla sobre el helecho: `linear-gradient(180deg, #d8d3c6 0%, #a8a48c 45%, #2f3b33 100%)` - Latte especiado: `linear-gradient(135deg, #efe4d6 0%, #c89f7a 55%, #8a5a3c 100%)` - Ciruela y cobre: `radial-gradient(circle at 75% 80%, #b8733d 0%, #5e2a4f 45%, #2a1630 85%)` - A la luz de las velas: `radial-gradient(circle at 50% 100%, #e9c46a 0%, #c4572a 30%, #3b1f2b 65%, #141016 100%)` 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](https://gradiently.design/es/guide/muddy-gradients) 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. Un post vertical que anuncia un menú de otoño de una cafetería sobre un fondo degradado cálido de óxido y ámbar Un post vertical de una cafetería para el feed, con la luz cálida lejos del titular. Una story vertical que invita a una cena de la cosecha sobre un degradado oscuro de ciruela y luz de vela 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](https://gradiently.design/es/guide/text-on-gradient) 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](https://gradiently.design/es/guide/social-media-image-sizes). ## 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](https://gradiently.design/es/guide/thanksgiving-posts) 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ú. ## FAQ ### ¿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.