# Paletas de cores de outono: seis ideias com códigos hex [Canonical HTML page](https://gradiently.design/pt-pt/guide/autumn-color-palettes) A cor de outono é fácil de quase acertar e difícil de acertar de vez. Seis paletas pensadas para campanhas reais, com códigos para copiar e as pequenas decisões que impedem o laranja de ficar sujo. ## The short version - Uma boa paleta de outono tem um escuro quente e profundo, dois ou três tons médios quentes como ferrugem e âmbar, um creme pálido e, muitas vezes, uma nota fria como musgo ou ardósia. - As paletas de outono ficam sujas quando o laranja se mistura diretamente com verde ou azul, por isso faz essas transições passar por um castanho quente ou mantém-nas separadas. - A cor mais escura de uma paleta de outono deve ficar na zona do título, porque texto claro sobre um castanho ou ameixa profundos lê-se bem no telemóvel. - As campanhas do início do outono pedem cores de colheita mais claras, enquanto o fim de outubro e novembro pedem tons mais escuros de ameixa, sangue de boi e luz de vela. - Todas as paletas de outono deste artigo trazem códigos hex que podes colar em qualquer ferramenta de design ou ficheiro CSS. Uma **paleta 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 pálido para descansar o olho e, muitas vezes, uma nota fria, musgo ou ardósia, para que o calor tenha contra o que brilhar. Abaixo estão seis paletas de outono com códigos hex, gradientes feitos a partir de cada uma e como dispô-las para que uma publicação sazonal se leia de 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 do que as do verão. Folhas, cascas, sidra e luz de vela são todas ligeiramente acinzentadas, ligeiramente castanhas. Se subires todas as cores à saturação máxima, tens o Halloween, que é outro pedido com o seu próprio guia em [gráficos de Halloween](https://gradiently.design/pt-pt/guide/halloween-graphics). - **Uma âncora escura.** Café expresso, casca, ameixa ou noite de floresta. Segura o texto e impede a paleta de parecer uma loja de doces. - **Tons médios quentes, um pouco empoeirados.** Ferrugem, canela, ocre e cobre em vez de um laranja de cone de trânsito. - **Uma luz suave.** Creme, aveia ou pergaminho em vez de branco puro, que parece frio ao lado da ferrugem. - **Um contrapeso frio.** Musgo, salva ou ardósia, numa área pequena. O calor parece mais quente ao lado dele. O equilíbrio entre quente e frio está tratado a fundo em [cores quentes e frias](https://gradiently.design/pt-pt/guide/warm-and-cool-colors). Para uma família próxima que funciona o ano todo, vê as [cores de tons terra](https://gradiently.design/pt-pt/guide/earth-tone-colors). ## Seis paletas 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, do fumo à chama. Usa a Brasa escura por trás do texto e guarda a Calêndula para um só destaque, como um preço ou uma data. ### 2. Pomar - Casca: #4a3426 - Maçã vermelha: #9b2335 - Pera: #b5a642 - Folha de salva: #7d8b6a - Aveia: #e8dcc4 Vermelho e verde sem o ar de Natal, porque ambos são suaves e a Casca fica entre eles. Bom para mercearias de quinta, padarias e produtores de sidra. ### 3. Nevoeiro e feto - Feto escuro: #2f3b33 - Musgo: #6b7f5e - Líquen: #a8a48c - Nevoeiro: #d8d3c6 - Cobre: #b5653a Um outono frio para marcas que acham o laranja demasiado forte. O Cobre é a única cor quente, por isso dá-lhe aquilo que queres que as pessoas notem. Mais três, para consulta rápida. Cada uma segue a mesma estrutura de escuro, tons médios, claro e acento. | Paleta | Escuro | Tons médios | Claro | Acento | | --- | --- | --- | --- | --- | | Latte de especiarias | `#3e2a20` | `#8a5a3c` `#c89f7a` | `#efe4d6` | `#a33b2b` | | Ameixa e cobre | `#2a1630` | `#5e2a4f` `#b8733d` | `#f3e9dc` | `#e3b27a` | | Fim de outubro | `#141016` | `#3b1f2b` `#7a2e1f` | `#f1e4cf` | `#e9c46a` | O Latte de especiarias serve cafés e artigos para casa; Ameixa e cobre serve beleza e vinho; Fim de outubro serve eventos noturnos e tudo o que vem depois da mudança da hora. ## Gradientes de outono que podes copiar Uma paleta transforma-se em fundo quando deixas as suas cores misturarem-se. O truque no outono é manter a fonte de luz quente e as margens escuras, como o sol baixo e o anoitecer precoce realmente se veem. Cada gradiente abaixo usa cores das paletas acima. - Entardecer de abóbora: `linear-gradient(160deg, #2b1a12 0%, #8c2f1b 45%, #d9622b 75%, #f2a541 100%)` - Luz de pomar: `radial-gradient(circle at 30% 25%, #f2a541 0%, #b5653a 35%, #5a1e24 80%)` - Nevoeiro sobre o feto: `linear-gradient(180deg, #d8d3c6 0%, #a8a48c 45%, #2f3b33 100%)` - Latte de 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 velas: `radial-gradient(circle at 50% 100%, #e9c46a 0%, #c4572a 30%, #3b1f2b 65%, #141016 100%)` Seis gradientes de outono. Clica em qualquer um para copiar o seu CSS. ### Sujo - Laranja misturado diretamente com verde-azulado ou verde - Todas as cores na saturação máxima - Texto e fundos em branco puro ao lado da ferrugem - A cor mais viva atrás do título ### Limpo - Laranja para verde a passar por um castanho quente - Tons médios empoeirados com um acento vivo - Creme ou aveia como cor clara - A cor mais viva num canto, escuro atrás das palavras Laranja e verde-azulado encontram-se num cinzento se os misturares diretamente. Essa faixa cinzenta é uma das razões pelas quais tantos gráficos de outono parecem cansados, e os [gradientes sujos](https://gradiently.design/pt-pt/guide/muddy-gradients) explicam a solução em pormenor. ## Como usar uma paleta de outono numa publicação real A maior parte do conteúdo de outono é uma oferta sazonal, uma ementa nova ou um evento, por isso as palavras contam mais do que as folhas. Põe a cor mais escura onde vai o título e compõe o texto em Creme. Usa o acento vivo uma só vez. Se quiseres um padrão ou uma fotografia, tinge-os com duas cores da paleta para ficarem para trás. Uma publicação social vertical a anunciar uma ementa de outono de um café, sobre um fundo de gradiente em ferrugem e âmbar quentes Uma publicação vertical de um café para o feed, com a luz quente afastada do título. Um story vertical a convidar para um clube de ceias da colheita sobre um gradiente de ameixa escura e luz de velas A mesma estação como story, usando a paleta mais escura e tardia para um evento noturno. Um fundo em gradiente é mais vivo do que um castanho liso, mas pode lutar com o texto. No Gradiently, o fundo é um Mark que sabe onde estão as palavras: acalma a cor mais calma e de melhor contraste atrás do título e escolhe texto claro ou escuro linha a linha, para que um visual de outono rico continue legível sem caixa nem sombra atrás das palavras. O [texto sobre gradiente](https://gradiently.design/pt-pt/guide/text-on-gradient) trata do método manual. ## Tamanhos para uma campanha de outono Uma campanha sazonal costuma precisar de uma publicação para o feed, um story, um pin do Pinterest para receitas ou ideias de presentes e um cabeçalho de email. Desenha primeiro a publicação principal e faz as outras a partir dela, para que a cor caia no sítio certo em cada forma. - Publicação Instagram 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - Pin Pinterest 1000×1500: 1000 × 1500 - Cabeçalho de email 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-pt/guide/social-media-image-sizes). ## Ajustar a paleta ao mês O outono dura três meses e a luz muda muito ao longo dele. Deslocar a paleta com suavidade evita que uma campanha longa envelheça sem quebrar o teu visual. - **Setembro:** Pomar ou Latte de especiarias. Mais claro, ainda um pouco verde, bom para o regresso à rotina e ofertas de colheita. - **Outubro:** Fogueira ou Nevoeiro e feto. O auge das folhas. Guarda o Fim de outubro, mais escuro, para a última semana e para eventos de Halloween. - **Novembro:** Ameixa e cobre ou À luz de velas. Dias curtos e interiores quentes; esta paleta leva naturalmente às [publicações de Ação de Graças](https://gradiently.design/pt-pt/guide/thanksgiving-posts) e à época de presentes. > **Mantém a cor da tua marca na sala** Uma paleta sazonal deve rodear a cor da tua marca, não substituí-la. Troca os teus claros e médios habituais por outros de outono e mantém a cor do logótipo como acento, para que as pessoas continuem a saber que és tu. ## FAQ ### Que cores tem 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, por vezes, um acento frio de musgo ou ardósia. ### Quais são bons códigos hex de outono? Experimenta `#2b1a12` para o escuro, `#8c2f1b` ferrugem, `#d9622b` abóbora, `#f2a541` calêndula e `#f6e3c5` creme. É a paleta Fogueira deste artigo. ### Como evito que os gradientes de outono fiquem sujos? Evita misturar laranja diretamente com verde ou azul, o que cria uma faixa cinzenta. Faz a transição passar por um castanho quente ou mantém as cores em áreas separadas. ### Posso usar cores de outono sem laranja? Sim. Nevoeiro e feto usa musgo, líquen e nevoeiro com um único acento de cobre, e Ameixa e cobre apoia-se num roxo profundo. Ambas continuam a ler-se como outono. ### Que cor de texto funciona num fundo de outono? Texto creme ou aveia sobre a cor mais escura da paleta lê-se melhor. O branco puro pode parecer frio ao lado da ferrugem e do castanho.