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

[Canonical HTML page](https://gradiently.design/pt-br/guide/autumn-color-palettes)

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.

## The short version

- 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.

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](https://gradiently.design/pt-br/guide/halloween-graphics).

- **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](https://gradiently.design/pt-br/guide/warm-and-cool-colors). Para uma família parecida que funciona o ano todo, veja [cores terrosas](https://gradiently.design/pt-br/guide/earth-tone-colors).

## Seis paletas de cores de outono com códigos hex

### 1. Fogueira

- Brasa escura: #2b1a12
- Ferrugem: #8c2f1b
- Abóbora: #d9622b
- Calêndula: #f2a541
- Creme: #f6e3c5

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

- Casca: #4a3426
- Vermelho maçã: #9b2335
- Pera: #b5a642
- Folha de sálvia: #7d8b6a
- Aveia: #e8dcc4

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

- Samambaia escura: #2f3b33
- Musgo: #6b7f5e
- Líquen: #a8a48c
- Névoa: #d8d3c6
- Cobre: #b5653a

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.

| Paleta | Escuro | Tons médios | Claro | Destaque |
| --- | --- | --- | --- | --- |
| 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.

- Crepúsculo de abóbora: `linear-gradient(160deg, #2b1a12 0%, #8c2f1b 45%, #d9622b 75%, #f2a541 100%)`
- Luz do pomar: `radial-gradient(circle at 30% 25%, #f2a541 0%, #b5653a 35%, #5a1e24 80%)`
- Névoa sobre samambaia: `linear-gradient(180deg, #d8d3c6 0%, #a8a48c 45%, #2f3b33 100%)`
- Latte com especiarias: `linear-gradient(135deg, #efe4d6 0%, #c89f7a 55%, #8a5a3c 100%)`
- Ameixa e cobre: `radial-gradient(circle at 75% 80%, #b8733d 0%, #5e2a4f 45%, #2a1630 85%)`
- Luz de vela: `radial-gradient(circle at 50% 100%, #e9c46a 0%, #c4572a 30%, #3b1f2b 65%, #141016 100%)`

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](https://gradiently.design/pt-br/guide/muddy-gradients) 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.

Um post em retrato anunciando o cardápio de outono de um café sobre um gradiente quente de ferrugem e âmbar

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

Um story vertical convidando para um jantar da colheita sobre um gradiente escuro de ameixa e luz de vela

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](https://gradiently.design/pt-br/guide/text-on-gradient) 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](https://gradiently.design/pt-br/guide/social-media-image-sizes).

## 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](https://gradiently.design/pt-br/guide/thanksgiving-posts) 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ê.

## FAQ

### 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.