A versão curta
- Uma paleta de cores neutras constrói-se com cores de baixa saturação, como branco, marfim, bege, taupe, cinzento, carvão e quase preto.
- Os neutros têm temperatura: os neutros quentes inclinam-se para o amarelo, o vermelho ou o castanho, e os neutros frios para o azul ou o verde.
- Uma paleta neutra fica plana quando todas as cores têm a mesma luminosidade, por isso inclui pelo menos um tom muito claro, um médio e um muito escuro.
- A maioria das paletas neutras precisa de uma cor de destaque em pequenas doses para dar um ponto de foco.
- Os neutros médios, como o taupe e a pedra, costumam falhar o contraste para texto corrido sobre fundo claro, por isso compõe o texto no tom mais escuro.
Nesta página
Uma boa paleta de cores neutras usa cores com muito pouca saturação, como marfim, areia, taupe, pedra, carvão e quase preto, e dá-lhes carácter de três maneiras: assume uma temperatura, percorre todo o caminho do claro ao escuro e junta um pequeno destaque. Sem isso, ficas com aquele bege que parece uma predefinição. Abaixo estão oito paletas com códigos para copiar e o raciocínio de cada uma, para as poderes ajustar em vez de as copiar.
Neutros quentes, frios e verdadeiros
Muito poucos neutros são verdadeiramente incolores, e os que são podem parecer frios. A maioria inclina-se para um lado, e essa inclinação define o ambiente. Misturar sem querer um bege quente com um cinzento azulado frio é a razão mais comum para um esquema neutro parecer ligeiramente desajustado.
Inclina-se para
Sensação
Códigos de exemplo
#F3EEE6, areia #D9CBB4, taupe #8A8178Inclina-se para
Sensação
Códigos de exemplo
#ECEEEF, ardósia #6B7075, grafite #1F2326Sensação
Códigos de exemplo
#BDB6AC, pedra #A39A8FInclina-se para
Sensação
Códigos de exemplo
#F2F2F2, #8C8C8C, #222222Cores quentes e frias aprofunda a temperatura, e temperatura da cor explica como a iluminação e os ecrãs a alteram.
Oito paletas neutras com códigos hex
Cada paleta tem um fundo claro, um ou dois tons médios, um escuro para o texto e, na maioria dos casos, um destaque. Lê os nomes como um briefing: descrevem o lugar onde a paleta ficaria bem.
- Aveia e oliveira: aveia
#E9E1D2, linho#CDBF9F, oliveira#6E6B4A, casca#2F2A22. Natural, sem o cliché das folhas verdes. - Casa de pedra: giz
#F5F3EF, greige#BDB6AC, pedra#A39A8F, carvão#34312D, latão#B08D57. Interiores, arquitetura, luxo discreto. - Papel e tinta: papel
#FAF7F0, papel de jornal#E4DED2, lápis#5C544C, tinta#151515, vermelho de redação#C8372D. Editorial e sério. - Cinzento vidro do mar: neblina
#EEF1EF, vidro do mar#B9C6C0, porto#5E6F6A, fundo#1C2624. Frio, mas suavizado pelo verde. - Neutro rosado: porcelana
#F7F0EC, pedra rosada#DCC7BE, taupe malva#8C7470, cacau#33221F. Quente e suave, bom para beleza e bem-estar. - Neutro noturno: ónix
#121212, fumo#2A2826, cinza#77716B, osso#E9E2D6. Um fundo escuro com texto de luz quente.
Antes de te decidires por uma, testa-a em material real. Põe o teu logótipo, uma fotografia de produto e um parágrafo de texto sobre cada fundo. As fotografias trazem muitas vezes a sua própria quentura ou frieza, e uma paleta que luta contra a tua fotografia nunca vai parecer calma, por mais cuidado que tenhas posto na escolha.
Como dar carácter a uma paleta neutra
- 1
Assume uma temperatura
Escolhe quente ou fria e confere cada cor com essa escolha. Coloca as amostras lado a lado: tudo o que pareça ligeiramente verde ao lado de um bege quente está na família errada.
- 2
Estica a amplitude
Inclui um tom perto do branco, um tom médio e um tom perto do preto. As paletas neutras feitas só de beges médios não têm profundidade nem uma cor de texto legível.
- 3
Junta um destaque
Uma única cor saturada em pequenas doses dá ao olhar um sítio onde pousar. Cor de destaque mostra quanto chega.
- 4
Traz textura
Os neutros ficam mais ricos com grão, papel ou uma suave mudança de luz. Um retângulo bege liso parece inacabado; o mesmo bege com um pouco de relevo parece um material.
- 5
Usa proporção, não mais cores
A maior parte da superfície fica clara, os tons médios ficam com as formas grandes e o escuro leva as palavras. A regra 60 30 10 é um bom ponto de partida.
Gradientes neutros que não são aborrecidos
Um gradiente neutro funciona quando a mudança está na luz e não no matiz. Pensa na luz do dia a cair sobre uma parede de estuque: a cor quase não muda, o brilho sim. Mantém as paragens próximas e acrescenta grão para esconder as bandas, que se notam facilmente em misturas pálidas e de pouco contraste.
Para mais, vê gradientes subtis, gradientes bege e gradientes cinzentos.
Texto e contraste em fundos neutros
As paletas neutras parecem suaves, o que tenta a usar texto suave. O taupe #8A8178 sobre linho #F3EEE6 mede apenas 3,31:1, abaixo dos 4,5:1 que as WCAG pedem para texto corrido. O café expresso #2B2724 sobre o mesmo linho chega a 12,82:1. Usa o teu neutro mais escuro para tudo o que as pessoas precisam de ler e guarda os tons médios para formas, contornos e títulos grandes.
Palavras de baixo contraste sobre um fundo neutro pálido perdem primeiro a linha de apoio.
Com o fundo mais calmo atrás das palavras, todas as linhas se leem e a paleta continua suave.
O Gradiently trata disto automaticamente: um Mark assenta atrás das tuas palavras e escolhe texto claro ou escuro para cada linha a partir da sua própria paleta, por isso um fundo neutro e calmo nunca te custa legibilidade. Verifica tu mesmo qualquer par de cores com contraste de cor.
Perguntas frequentes
Que cores há numa paleta de cores neutras?
Branco, marfim, creme, bege, areia, taupe, greige, cinzento, carvão e quase preto, mais as versões ligeiramente tingidas de cada um. A maioria das paletas neutras inclui também uma cor de destaque.
O que é o greige?
O greige é uma mistura de cinzento e bege que fica entre o quente e o frio, como #BDB6AC. Funciona como ponte quando uma paleta tem de combinar com ambientes quentes e frios.
Que cor de destaque combina com neutros?
Os neutros quentes pedem terracota, ferrugem, oliveira ou latão. Os neutros frios pedem um azul saturado, um verde limpo ou um vermelho profundo. Usa o destaque com parcimónia para que continue especial.
Como evito que uma paleta neutra pareça aborrecida?
Assume uma só temperatura, percorre do claro ao escuro, junta um único destaque e dá textura às superfícies. O que parece aborrecido são beges médios lisos e sem amplitude.
As cores neutras são boas para branding?
Sim, sobretudo para marcas premium, editoriais e de interiores. Como muitas marcas usam neutros, dá à tua algo distintivo, como um destaque, um tipo de letra ou um material de fundo próprios.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil