# Cores mid century modern: paletas com códigos hex

[Canonical HTML page](https://gradiently.design/pt-pt/guide/mid-century-modern-colors)

Aparadores de teca, cadeirões cor de mostarda, cartazes de viagem em laranja e azul-petróleo lisos. As cores dos anos 50 e 60 continuam optimistas. Aqui ficam com códigos, em paletas que podes usar hoje.

## The short version

- As cores mid century modern vêm do design de meados dos anos 1940 até ao final dos anos 1960, em mobiliário, interiores, cartazes e publicidade.
- A paleta mid century típica junta tons quentes de madeira de nogueira e teca com mostarda, laranja queimado, azul-petróleo e verde-oliva sobre um fundo creme.
- Os gráficos mid century usam normalmente cor lisa, sem gradientes, formas geométricas simples e tipografia sem serifa limpa ou manuscrita divertida.
- Uma paleta mid century resulta melhor quando uma madeira quente ou um neutro creme ocupa a maior parte do espaço e dois acentos fazem a conversa.
- O estilo assenta bem a cafés, mobiliário e artigos para a casa, lojas de discos, viagens e qualquer marca que queira parecer calorosa, optimista e bem feita.

As **cores mid century modern** são os tons quentes e optimistas do design de cerca de 1945 a 1969: amarelo-mostarda, laranja queimado, azul-petróleo, verde-oliva e verde-abacate, sobre madeira de nogueira e creme suave. Apareciam em mobiliário, cozinhas, cartazes de viagem, capas de discos e anúncios, e continuam a parecer alegres sem serem berrantes. O segredo está no neutro: a madeira quente e o creme ocupam quase todo o espaço, e dois acentos fazem a conversa.

## A paleta de cores mid century modern clássica

- Creme: #f2e8d5
- Nogueira: #7a4a2b
- Teca: #b5713c
- Mostarda: #e1a730
- Laranja queimado: #d0602a
- Azul-petróleo: #2b7a78
- Oliva: #7d8b3a
- Café: #2e2a26

O conjunto completo: creme e madeira para a base, quatro acentos, café para texto e contornos.

Repara como tudo é quente. Até o azul-petróleo e o oliva são ligeiramente terrosos, em vez de limpos e vivos. É essa calidez que separa a cor mid century do modernismo posterior, mais frio. Se pores este azul-petróleo ao lado de um azul digital frio, vês logo a diferença: parece impresso, não iluminado.

## Cinco paletas mid century com códigos hex

Poucos trabalhos da época usaram todas as cores ao mesmo tempo. A maioria escolhia um neutro e dois ou três acentos. Estes cinco conjuntos cobrem os ambientes que mais vais encontrar em salas de exposição de mobiliário, cartazes e cozinhas da altura.

| Paleta | Neutro | Acentos | Ambiente |
| --- | --- | --- | --- |
| Sala de estar | Nogueira `#7a4a2b` | Mostarda `#e1a730`, azul-petróleo `#2b7a78` | Quente, o visual clássico |
| Cartaz de viagem | Creme `#f2e8d5` | Laranja queimado `#d0602a`, azul-petróleo `#2b7a78` | Solarengo, aventureiro |
| Cozinha | Creme `#f2e8d5` | Abacate `#9aa346`, dourado `#d9a23a` | Acolhedor, caseiro |
| Atómico | Café `#2e2a26` | Coral `#e5735a`, água `#7cc6c0` | Divertido, era espacial |
| Galeria | Teca `#b5713c` | Oliva `#7d8b3a`, creme `#f2e8d5` | Calmo, terroso |

Cada paleta usa um neutro e dois acentos. Mostarda com azul-petróleo e laranja com azul-petróleo são os dois pares que a maioria das pessoas reconhece como mid century.

- Da mostarda à nogueira: `linear-gradient(150deg, #e1a730 0%, #b5713c 50%, #7a4a2b 100%)`
- Do creme ao laranja queimado: `linear-gradient(150deg, #f2e8d5 0%, #e6a77e 50%, #d0602a 100%)`
- Da água ao azul-petróleo: `linear-gradient(150deg, #7cc6c0 0%, #2b7a78 55%, #1e4f4e 100%)`
- Do creme ao oliva: `linear-gradient(150deg, #f2e8d5 0%, #c9c68d 50%, #7d8b3a 100%)`

Os gráficos mid century eram sobretudo lisos, por isso usa transições como estas em fundos suaves e mantém as formas por cima em cor sólida.

## O que deu ao design mid century o seu aspeto

A cor era só uma parte. O visual nascia de um conjunto de escolhas que podes pedir emprestadas juntamente com a paleta.

- **Cor lisa.** Cartazes e capas eram impressos com poucas tintas sólidas, muitas vezes com sobreposição visível onde duas cores se encontravam.
- **Formas geométricas simples.** Círculos, bumerangues, explosões e formas de rim, muitas vezes ligeiramente fora de registo.
- **Madeira por todo o lado.** A teca, a nogueira e o pau-rosa davam aos interiores a sua base quente, por isso os tons de madeira pertencem à paleta.
- **Tipografia sem serifa limpa** para marcas modernas, com uma manuscrita de pincel simpática para tudo o que seja divertido.
- **Optimismo.** Céus luminosos, tecnologia nova, viagens e lazer. O ambiente é esperançoso, nunca irónico.

Na tipografia, as fontes geométricas sem serifa no espírito da Futura, e as grotescas que vieram do [design suíço](https://gradiently.design/pt-pt/guide/swiss-design), trazem o lado moderno. As [fontes retro](https://gradiently.design/pt-pt/guide/retro-fonts) reúnem fontes gratuitas que combinam com a época, incluindo manuscritas que se leem bem em tamanho pequeno.

### Sobreimpressão: o pormenor que vende o estilo

Os impressores da época punham muitas vezes uma tinta transparente sobre outra, de modo que, onde um círculo mostarda cruzava um bloco azul-petróleo, surgia uma terceira cor, mais escura. Essa sobreposição é uma das formas mais rápidas de dar um ar mid century a um design digital. Na web podes recriá-la com uma mistura multiply, que escurece as formas onde se cruzam, exatamente como a tinta.

```css
.shape {
  position: absolute;
  border-radius: 50%;
  mix-blend-mode: multiply;
}

.sun  { background: #e1a730; }
.pool { background: #2b7a78; }

/* the overlap prints as a deep olive, like two inks on cream paper */
```

Duas formas lisas com `mix-blend-mode: multiply` sobre fundo creme. Onde se encontram, as cores combinam-se como tinta.

## Como usar as cores mid century modern hoje

### Pastiche

- Todos os acentos num só design
- Explosões de clip art em cada canto
- Fundo branco puro e brilhante
- Uma textura gasta tão pesada que esconde a mensagem

### Versão moderna

- Um neutro e dois acentos
- Uma forma simples que evoca a época
- Fundo creme quente ou nogueira
- Grão fino, como uma página impressa antiga

1. **Começa pelo neutro** Creme para um ar leve, de cartaz; nogueira ou café para um ar mais rico, de mobiliário.
2. **Escolhe um par clássico** Mostarda e azul-petróleo, ou laranja queimado e azul-petróleo. Reconhecem-se logo à primeira vista.
3. **Mantém os blocos de cor lisos** Preenchimentos sólidos para formas e texto. Se usares um gradiente, deixa-o no fundo.
4. **Junta um pormenor de época** Um sol em círculo, uma explosão atrás de um preço, uma palavra manuscrita. Um é encantador; cinco é fantasia.

Uma publicação vertical de produto que anuncia um aparador de nogueira restaurado nas cores mid century mostarda e nogueira

Uma publicação de mobiliário vintage na paleta Sala de estar: fundo nogueira, acentos mostarda e azul-petróleo.

Uma publicação vertical de evento com o texto Jazz no terraço em cores mid century creme, laranja e azul-petróleo

Uma publicação de evento de um café na paleta Cartaz de viagem, creme e laranja queimado com texto azul-petróleo.

A paleta assenta bem a cafés, bares de cocktails, lojas vintage e de artigos para a casa, lojas de discos, marcas de viagens, arquitetos e a quem vende algo feito para durar. Também imprime lindamente, o que a torna uma boa escolha para cartazes e ementas. O [design de cartazes](https://gradiently.design/pt-pt/guide/poster-design) tem conselhos de composição que funcionam com a cor lisa mid century.

## Cores mid century comparadas com outras paletas retro

O mid century vem antes das décadas mais ruidosas. Os anos 1970 escureceram e acastanharam os tons terra; os anos 1980 trocaram-nos por néon e pastel; a [estética dos anos 90](https://gradiently.design/pt-pt/guide/90s-aesthetic) dividiu-se em grunge, web inicial e plástico translúcido. Se queres calor e optimismo sem néon, o mid century é a década a que deves ir buscar inspiração. As [paletas de cores retro](https://gradiently.design/pt-pt/guide/retro-color-palettes) comparam-nas lado a lado.

Se queres o teu visual mid century num fundo que mais ninguém tem, explora os Marks do Gradiently por palavras de cor como “mostarda” ou “azul-petróleo”. Qualquer Mark por reservar é gratuito para desenhar, e reservar um torna-o só teu.

## FAQ

### Quais são as principais cores mid century modern?

Amarelo-mostarda, laranja queimado, azul-petróleo, verde-oliva e verde-abacate, dourado e coral, sobre tons de madeira de nogueira e teca e creme quente.

### Que cores combinam com mobiliário mid century modern?

A madeira quente combina melhor com mostarda, azul-petróleo, laranja queimado e oliva. Deixa paredes ou fundos em creme ou branco quente para que a madeira e os acentos se destaquem.

### O azul-petróleo é uma cor mid century?

Sim. Um azul-petróleo ligeiramente terroso, como #2b7a78, é um dos acentos mid century mais reconhecíveis, sobretudo com mostarda ou laranja queimado.

### Que anos contam como mid century modern?

O termo cobre normalmente o design de meados dos anos 1940 ao final dos anos 1960.
