Mercado
Preços
EntrarComeçar
Guia práticoIdeias e tendências
Ideias e tendências

Paleta de cores de outono: seis ideias com códigos hex

As cores de outono são fáceis de quase acertar e difíceis de acertar de verdade. Seis paletas feitas para campanhas reais, com códigos para copiar e as pequenas decisões que impedem o laranja de virar lama.

GradientlyConta verificada do Gradiently·1 de outubro de 2026·6 min de leitura
Capa: Rattan Shimmer · GR·R0TT·XE

Resumindo

  • Uma paleta de outono forte tem um escuro quente e profundo, dois ou três tons médios quentes como ferrugem e âmbar, um creme claro e muitas vezes uma nota fria como musgo ou ardósia.
  • Paletas de outono ficam barrentas quando o laranja se mistura direto com verde ou azul, então faça essas transições passarem por um marrom quente ou mantenha as cores separadas.
  • A cor mais escura da paleta deve ficar na área do título, porque texto claro sobre marrom profundo ou ameixa é bem legível no celular.
  • Campanhas do começo do outono combinam com cores de colheita mais claras, enquanto o fim de outubro e novembro pedem ameixa, vinho escuro e tons de luz de vela.
  • Todas as paletas deste artigo trazem códigos hex que você pode colar em qualquer ferramenta de design ou arquivo CSS.
Nesta página
O que faz uma paleta parecer outonoSeis paletas de cores de outono com códigos hexGradientes de outono para copiarComo usar uma paleta de outono num post de verdadeTamanhos para uma campanha de outonoComo ajustar a paleta a cada mês

Uma paleta de cores de outono que funciona tem quatro partes: um escuro quente e profundo, como café expresso ou ameixa; dois ou três tons médios quentes, como ferrugem, abóbora e âmbar; um creme claro para descansar os olhos; e muitas vezes uma nota fria, musgo ou ardósia, para que o calor tenha algo contra o que brilhar. Abaixo estão seis paletas outonais com códigos hex, gradientes criados a partir de cada uma e como diagramá-las para que um post sazonal continue legível num relance.

O que faz uma paleta parecer outono

O outono tem menos a ver com laranja do que com valor: as cores ficam mais baixas e mais quentes que as do verão. Folhas, cascas de árvore, sidra e luz de vela são todas um pouco acinzentadas, um pouco amarronzadas. Se você leva todas as cores à saturação máxima, o resultado é Halloween, que é outro briefing, com guia próprio em artes de Halloween.

  • Uma âncora escura. Café expresso, casca de árvore, ameixa ou noite na floresta. Ela segura o texto e impede que a paleta pareça uma loja de doces.
  • Tons médios quentes, um pouco empoeirados. Ferrugem, canela, ocre e cobre, em vez de laranja de cone de trânsito.
  • Um claro suave. Creme, aveia ou pergaminho em vez de branco puro, que parece frio ao lado da ferrugem.
  • Um contrapeso frio. Musgo, sálvia ou ardósia, numa área pequena. O calor parece mais quente ao lado dele.

O equilíbrio entre quente e frio é explicado em detalhe em cores quentes e frias. Para uma família parecida que funciona o ano todo, veja cores terrosas.

Seis paletas de cores de outono com códigos hex

1. Fogueira

A clássica sequência de outono, da fumaça à chama. Use Brasa escura atrás do texto e guarde Calêndula para um único destaque, como um preço ou uma data.

2. Pomar

Vermelho e verde sem cara de Natal, porque os dois são suaves e Casca fica entre eles. Ótima para empórios, padarias e produtores de sidra.

3. Névoa e samambaia

Um outono frio para marcas que acham o laranja barulhento demais. Cobre é a única cor quente, então use-a naquilo que você quer que as pessoas notem.

Mais três, para consulta rápida. Cada uma segue a mesma estrutura de escuro, tons médios, claro e destaque.

Latte com especiarias

Escuro

#3e2a20

Tons médios

#8a5a3c #c89f7a

Claro

#efe4d6

Destaque

#a33b2b
Ameixa e cobre

Escuro

#2a1630

Tons médios

#5e2a4f #b8733d

Claro

#f3e9dc

Destaque

#e3b27a
Fim de outubro

Escuro

#141016

Tons médios

#3b1f2b #7a2e1f

Claro

#f1e4cf

Destaque

#e9c46a
PaletaEscuroTons médiosClaroDestaque
Latte com especiarias#3e2a20#8a5a3c #c89f7a#efe4d6#a33b2b
Ameixa e cobre#2a1630#5e2a4f #b8733d#f3e9dc#e3b27a
Fim de outubro#141016#3b1f2b #7a2e1f#f1e4cf#e9c46a
Latte com especiarias combina com cafés e decoração; Ameixa e cobre, com beleza e vinhos; Fim de outubro, com eventos noturnos e tudo o que vem depois da mudança de horário.

Gradientes de outono para copiar

Uma paleta vira fundo quando você deixa as cores se misturarem. O segredo no outono é manter a fonte de luz quente e as bordas escuras, como o sol baixo e o começo do anoitecer realmente parecem. Cada gradiente abaixo usa cores das paletas acima.

Seis gradientes de outono. Clique em qualquer um para copiar o CSS.

Barrento

  • Laranja misturado direto com azul petróleo ou verde
  • Todas as cores na saturação máxima
  • Texto e fundo branco puro ao lado da ferrugem
  • A cor mais viva atrás do título

Limpo

  • Laranja e verde ligados por um marrom quente
  • Tons médios empoeirados com um destaque vivo
  • Creme ou aveia como cor clara
  • A cor mais viva num canto, escuro atrás das palavras

Laranja e azul petróleo se encontram no cinza quando misturados direto. Essa faixa cinza é um dos motivos de tantas artes de outono parecerem cansadas, e gradientes barrentos explica a solução em detalhe.

Como usar uma paleta de outono num post de verdade

A maior parte do conteúdo de outono é uma oferta sazonal, um novo cardápio ou um evento, então as palavras importam mais que as folhas. Coloque a cor mais escura onde vai o título e escreva o texto em Creme. Use o destaque vivo uma vez só. Se quiser uma textura ou foto, tinja com duas cores da paleta para que fique em segundo plano.

A partir de 1º de outubro
O cardápio de outono chegou.
Abóbora, castanha e pera com especiarias
Gradiently · @gradiently

Um post em retrato de um café para o feed, com a luz quente longe do título.

Sábado, 24 de outubro
Jantar da colheita
Seis pratos, uma mesa comprida
Gradiently · @gradiently

A mesma estação em um story, com a paleta mais escura e tardia para um evento à noite.

Um fundo em gradiente é mais vivo que um marrom chapado, mas pode brigar com o texto. No Gradiently, o fundo é um Mark que sabe onde estão as palavras: ele coloca sua cor mais calma e com melhor contraste atrás do título e escolhe texto claro ou escuro linha por linha, para que um visual de outono rico continue legível sem caixa ou sombra atrás das palavras. Texto sobre gradiente mostra o jeito manual.

Tamanhos para uma campanha de outono

Uma campanha sazonal costuma precisar de um post para o feed, um story, um pin no Pinterest para receitas ou ideias de presente e um cabeçalho de e-mail. Crie primeiro o post principal e depois faça os outros a partir dele, para que a cor caia no lugar certo em cada formato.

Post do Instagram 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Pin do Pinterest 1000×1500

1000 × 1500

Cabeçalho de e-mail 1200×600

1200 × 600

Quatro formatos que cobrem a maioria das campanhas de outono. Todos os outros tamanhos estão em tamanhos de imagem para redes sociais.

Como ajustar a paleta a cada mês

O outono dura três meses, e a luz muda bastante nesse tempo. Mudar a paleta aos poucos evita que uma campanha longa fique cansada, sem quebrar o seu visual.

  • Setembro: Pomar ou Latte com especiarias. Mais claras, ainda um pouco verdes, boas para a volta à rotina e ofertas de colheita.
  • Outubro: Fogueira ou Névoa e samambaia. O auge das folhas. Guarde a mais escura, Fim de outubro, para a última semana e para eventos de Halloween.
  • Novembro: Ameixa e cobre ou Luz de vela. Dias curtos e interiores aconchegantes; essa paleta leva naturalmente aos posts de Ação de Graças e à temporada de presentes.

Mantenha a cor da sua marca presente

Uma paleta sazonal deve ficar em volta da cor da sua marca, não substituí-la. Troque os claros e tons médios de sempre por tons de outono e mantenha a cor do seu logo como destaque, para que as pessoas ainda saibam que é você.

Crie com um gradiente vivo

Posts, stories, slides e banners em todos os tamanhos, com texto sempre legível.

Começar a criar, grátis

Perguntas frequentes

Quais cores fazem parte de uma paleta de outono?

Normalmente um escuro quente e profundo, como café expresso ou ameixa, tons médios quentes como ferrugem, abóbora, ocre e cobre, um creme suave e às vezes um destaque frio de musgo ou ardósia.

Quais são bons códigos hex para o outono?

Experimente #2b1a12 como escuro, #8c2f1b ferrugem, #d9622b abóbora, #f2a541 calêndula e #f6e3c5 creme. É a paleta Fogueira deste artigo.

Como evitar que gradientes de outono fiquem barrentos?

Evite misturar laranja direto com verde ou azul, o que cria uma faixa cinza. Faça a transição passar por um marrom quente ou mantenha as cores em áreas separadas.

Dá para usar cores de outono sem laranja?

Sim. Névoa e samambaia usa musgo, líquen e névoa com um único destaque de cobre, e Ameixa e cobre se apoia num roxo profundo. As duas continuam parecendo outono.

Que cor de texto funciona num fundo de outono?

Texto creme ou aveia sobre a cor mais escura da paleta é o mais legível. Branco puro pode parecer frio ao lado de ferrugem e marrom.

Compartilhar este guia

Escrito pelo GradientlyConta verificada do Gradiently

A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.

Ver nosso perfil

Nesta página

O que faz uma paleta parecer outonoSeis paletas de cores de outono com códigos hexGradientes de outono para copiarComo usar uma paleta de outono num post de verdadeTamanhos para uma campanha de outonoComo ajustar a paleta a cada mês

Compartilhar este guia

A seguir em Ideias e tendências

Paletas de inverno: hex gelados, aconchegantes e festivos

Continue lendo

Todos os guias de Ideias e tendências
Ideias e tendências

Paletas de inverno: hex gelados, aconchegantes e festivos

5 min de leitura

O inverno são, na verdade, três estações para uma marca: o frio, o aconchego e a celebração. Veja uma paleta para cada uma, com códigos para copiar e as checagens de contraste que cores claras exigem.

Ideias e tendências

Paleta de cores de verão: cinco paletas com códigos hex

6 min de leitura

A cor do verão deve parecer luz, não marca-texto. Cinco paletas tiradas de lugares e horas do dia reais, com códigos, degradês e os layouts que as mantêm legíveis.

Ideias e tendências

Paleta de cores de primavera: seis paletas com códigos hex

6 min de leitura

A primavera é mais que pastéis. É o verde molhado depois da chuva, o primeiro amarelo vivo dos narcisos, o céu claro e a terra escura embaixo. Aqui estão seis paletas com códigos e como usá-las para a campanha parecer fresca e ainda ter a sua cara.

Encontre o visual que é só seu.

Cada Mark é um fundo vivo com um único dono. Experimente um Mark ainda disponível e reserve o seu quando sentir que é ele.

Começar a criar

Verificar um certificado

Digite o número de um certificado ou o código de um Mark para ver quem é o dono.

Funciona com ChatGPT e Claude

Peça um design à sua IA. Ela cria no seu Mark, pronto para editar.

ChatGPTClaude
Como conectar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia prático
  • Central de ajuda
  • Novidades

Desenvolvedores

  • Visão geral
  • ChatGPT e Claude
  • Referência da API
  • Chaves de API

Empresa

  • Sobre
  • Fale conosco
  • Entrar

Jurídico

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção do Mark
  • Cookies
  • Todas as políticas
Passe pelas letras. Cada uma veste um Mark de verdade.Toque em uma letra para ver o Mark dela.Um nome. Dez Marks dentro dele.
© 2026 Gradiently