# Cores mid century modern: paletas com códigos hex [Canonical HTML page](https://gradiently.design/pt-br/guide/mid-century-modern-colors) Aparadores de teca, poltronas cor de mostarda, cartazes de viagem em laranja e azul-petróleo chapados. As cores dos anos 1950 e 60 ainda parecem otimistas. Aqui estão elas, com códigos, em paletas que você pode usar hoje. ## The short version - As cores mid century modern vêm do design de meados dos anos 1940 ao fim dos anos 1960, em móveis, interiores, cartazes e publicidade. - A paleta mid century característica combina tons quentes de madeira, como nogueira e teca, com mostarda, laranja queimado, azul-petróleo e verde-oliva sobre um fundo creme. - Os gráficos mid century costumam usar cor chapada, sem degradês, formas geométricas simples e fontes sem serifa limpas ou scripts divertidos. - Uma paleta mid century funciona melhor quando um neutro quente, de madeira ou creme, ocupa a maior parte do espaço e dois destaques falam por ela. - O estilo combina com cafeterias, móveis e itens para casa, lojas de discos, viagens e qualquer marca que queira parecer calorosa, otimista e bem feita. As **cores mid century modern** são os tons quentes e otimistas do design de cerca de 1945 a 1969: amarelo-mostarda, laranja queimado, azul-petróleo, oliva e verde-abacate, sobre madeira de nogueira e um creme suave. Apareceram em móveis, cozinhas, cartazes de viagem, capas de disco e anúncios, e ainda parecem alegres sem serem berrantes. O segredo está no neutro: a madeira quente e o creme ocupam a maior parte do espaço, e dois destaques falam por eles. ## A paleta clássica de cores mid century modern - Creme: #f2e8d5 - Nogueira: #7a4a2b - Teca: #b5713c - Mostarda: #e1a730 - Laranja queimado: #d0602a - Azul-petróleo: #2b7a78 - Oliva: #7d8b3a - Espresso: #2e2a26 O conjunto completo: creme e madeira como base, quatro destaques e espresso para texto e contornos. Repare como tudo é quente. Até o azul-petróleo e o oliva são levemente terrosos, em vez de limpos e vibrantes. Essa quentura é o que separa a cor mid century do modernismo mais frio que veio depois. Se você puser esse azul-petróleo ao lado de um azul digital gelado, vai ver na hora: parece impresso, não iluminado. ## Cinco paletas mid century com códigos hex Poucos designs da época usaram todas as cores ao mesmo tempo. A maioria escolhia um neutro e dois ou três destaques. Estes cinco conjuntos cobrem os climas que você mais vai ver em lojas de móveis, cartazes e cozinhas da época. | Paleta | Neutro | Destaques | Clima | | --- | --- | --- | --- | | 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` | Ensolarado, aventureiro | | Cozinha | Creme `#f2e8d5` | Abacate `#9aa346`, dourado-colheita `#d9a23a` | Aconchegante, doméstico | | Atômico | Espresso `#2e2a26` | Coral `#e5735a`, água `#7cc6c0` | Divertido, era espacial | | Galeria | Teca `#b5713c` | Oliva `#7d8b3a`, creme `#f2e8d5` | Calmo, terroso | Cada paleta usa um neutro e dois destaques. Mostarda com azul-petróleo e laranja com azul-petróleo são as duas duplas que mais gente reconhece como mid century. - Mostarda até a nogueira: `linear-gradient(150deg, #e1a730 0%, #b5713c 50%, #7a4a2b 100%)` - Creme até o laranja queimado: `linear-gradient(150deg, #f2e8d5 0%, #e6a77e 50%, #d0602a 100%)` - Água até o azul-petróleo: `linear-gradient(150deg, #7cc6c0 0%, #2b7a78 55%, #1e4f4e 100%)` - Creme até o oliva: `linear-gradient(150deg, #f2e8d5 0%, #c9c68d 50%, #7d8b3a 100%)` Os gráficos mid century eram quase todos chapados, então use misturas como estas como fundos suaves e mantenha as formas por cima em cor sólida. ## O que deu ao design mid century a sua cara A cor era só uma parte. O visual vinha de um conjunto inteiro de escolhas que você pode pegar emprestadas junto com a paleta. - **Cor chapada.** 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 de estrelas e formas de rim, muitas vezes levemente fora de registro. - **Madeira por toda parte.** Teca, nogueira e jacarandá davam aos interiores a base quente, então os tons de madeira pertencem à paleta. - **Fontes sem serifa limpas** para marcas modernas, com um script de pincel simpático para qualquer coisa divertida. - **Otimismo.** Céus claros, tecnologia nova, viagens e lazer. O clima é de esperança, nunca de ironia. Para a tipografia, as sem serifa geométricas no espírito da Futura, e as grotescas que saíram do [design suíço](https://gradiently.design/pt-br/guide/swiss-design), carregam o lado moderno. [Fontes retrô](https://gradiently.design/pt-br/guide/retro-fonts) lista fontes gratuitas que combinam com a época, incluindo scripts que se leem bem em tamanhos pequenos. ### Sobreimpressão: o detalhe que convence Os gráficos da época costumavam sobrepor uma tinta transparente a outra, de modo que, onde um círculo mostarda cruzava um bloco azul-petróleo, surgia uma terceira cor, mais escura. Essa sobreposição é um dos jeitos mais rápidos de fazer um design digital parecer mid century. Na web, você a recria com uma mistura multiply, que escurece as formas onde elas se cruzam exatamente como a tinta faz. ```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 chapadas com `mix-blend-mode: multiply` sobre um fundo creme. Onde se encontram, as cores se combinam como tinta. ## Como usar as cores mid century modern hoje ### Pastiche - Todos os destaques num só design - Explosões de estrelas de clip art em todo canto - Fundo branco puro e brilhante - Uma textura envelhecida tão pesada que esconde a mensagem ### Versão moderna - Um neutro e dois destaques - Uma forma simples que ecoa a época - Fundo creme quente ou nogueira - Grão fino, como uma página impressa antiga 1. **Comece pelo neutro** Creme para um clima leve, de cartaz; nogueira ou espresso para um clima mais rico, de móvel. 2. **Escolha uma dupla clássica** Mostarda e azul-petróleo, ou laranja queimado e azul-petróleo. Dá para reconhecer à primeira vista. 3. **Mantenha os blocos de cor chapados** Preenchimentos sólidos para formas e texto. Se usar um degradê, deixe-o no fundo. 4. **Acrescente um detalhe da época** Um sol em círculo, uma explosão de estrelas atrás de um preço, uma palavra em script. Um é charmoso; cinco viram fantasia. Post vertical de produto anunciando um aparador de nogueira restaurado, em cores mid century quentes de mostarda e nogueira Um post de móveis vintage na paleta Sala de estar: fundo nogueira, destaques mostarda e azul-petróleo. Post vertical de evento com o texto Jazz no terraço em cores mid century de creme, laranja e azul-petróleo Um post de evento de café na paleta Cartaz de viagem, creme e laranja queimado com texto azul-petróleo. A paleta combina com cafeterias, bares de coquetéis, lojas vintage e de itens para casa, lojas de discos, marcas de viagem, arquitetos e qualquer um que venda algo feito para durar. Também imprime lindamente, o que a torna uma boa escolha para cartazes e cardápios. [Design de cartazes](https://gradiently.design/pt-br/guide/poster-design) traz dicas de layout que funcionam com a cor chapada mid century. ## Cores mid century comparadas com outras paletas retrô O mid century vem antes das décadas mais barulhentas. Os anos 1970 escureceram os tons terrosos e os deixaram mais marrons; os anos 1980 os trocaram por neon e pastel; a [estética dos anos 90](https://gradiently.design/pt-br/guide/90s-aesthetic) se dividiu em grunge, web inicial e plástico translúcido. Se você quer calor e otimismo sem neon, o mid century é a década para pegar emprestado. [Paletas de cores retrô](https://gradiently.design/pt-br/guide/retro-color-palettes) compara todas lado a lado. Se você quer o seu visual mid century num fundo que ninguém mais tem, explore os Marks da Gradiently por palavras de cor como “mostarda” ou “azul-petróleo”. Qualquer Mark sem dono pode ser usado de graça nos seus designs, e reservar um o torna só seu. ## FAQ ### Quais são as principais cores mid century modern? Amarelo-mostarda, laranja queimado, azul-petróleo, oliva e verde-abacate, dourado-colheita e coral, sobre tons de madeira de nogueira e teca e um creme quente. ### Quais cores combinam com móveis mid century modern? A madeira quente combina melhor com mostarda, azul-petróleo, laranja queimado e oliva. Mantenha paredes ou fundos em creme ou branco quente para que a madeira e os destaques se sobressaiam. ### O azul-petróleo é uma cor mid century? Sim. Um azul-petróleo levemente terroso, como o #2b7a78, é um dos destaques mid century mais reconhecíveis, sobretudo com mostarda ou laranja queimado. ### Quais anos contam como mid century modern? O termo costuma abranger o design de meados dos anos 1940 ao fim dos anos 1960.