Paletas de cores neutras com personalidade

Uma boa paleta de cores neutras usa cores de pouquíssima saturação, como marfim, areia, taupe, pedra, carvão e quase preto, e lhes dá personalidade de três formas: assume uma temperatura, percorre todo o caminho do claro ao escuro e acrescenta um pequeno acento. Sem isso, você fica com aquele bege que parece o padrão de fábrica. Abaixo estão oito paletas com códigos para copiar e a lógica de cada uma, para você ajustar em vez de apenas copiar.

Neutros quentes, frios e verdadeiros

Pouquíssimos neutros são realmente incolores, e os que são podem parecer frios. A maioria puxa para algum lado, e essa inclinação define o clima. Misturar sem querer um bege quente com um cinza azulado frio é a razão mais comum de um esquema neutro parecer um pouco fora do lugar.

Cores quentes e frias aprofunda a temperatura, e temperatura de cor mostra como a iluminação e as telas 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 acento. Leia os nomes como um briefing: eles descrevem o lugar onde a paleta se sentiria em casa.

• Aveia e oliva: aveia #E9E1D2, linhaça #CDBF9F, oliva #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-jornal #E4DED2, lápis #5C544C, tinta #151515, vermelho de editor #C8372D. Editorial e sério.
• Cinza 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, malva taupe #8C7470, cacau #33221F. Quente e gentil, bom para beleza e bem-estar.
• Neutro noturno: ônix #121212, fumaça #2A2826, cinza #77716B, osso #E9E2D6. Um fundo escuro com texto em luz quente.

Antes de decidir por uma, teste-a em material real. Ponha seu logotipo, uma foto de produto e um parágrafo de texto sobre cada fundo. As fotografias costumam trazer o próprio calor ou frieza, e uma paleta que briga com a sua fotografia nunca vai parecer calma, por mais cuidado que você tenha tido ao escolhê-la.

Como dar personalidade a uma paleta neutra

1. 1

   Assuma uma temperatura

   Escolha quente ou frio e confira cada cor com essa escolha. Coloque as amostras lado a lado: qualquer uma que pareça levemente verde ao lado de um bege quente está na família errada.

2. 2

   Amplie a amplitude

   Inclua um tom perto do branco, um tom médio e um perto do preto. Paletas neutras feitas só de beges médios não têm profundidade nem cor legível para o texto.

3. 3

   Acrescente um acento

   Uma única cor saturada em pequenas doses dá ao olhar um lugar para pousar. Cor de acento mostra quanto é suficiente.

4. 4

   Traga textura

   Os neutros ficam mais ricos com grão, papel ou uma suave mudança de luz. Um retângulo bege chapado parece inacabado; o mesmo bege com um pouco de textura parece um material.

5. 5

   Use 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 é uma boa divisão inicial.

Degradês neutros que não são chatos

Um degradê neutro funciona quando a mudança está na luz e não no matiz. Pense na luz do dia caindo sobre uma parede de gesso: a cor quase não se move, o brilho sim. Mantenha as paradas próximas e acrescente grão para esconder o banding, que aparece fácil em misturas claras e de baixo contraste.

Para ver mais, consulte degradês sutis, degradês bege e degradês cinza.

Texto e contraste em fundos neutros

Paletas neutras parecem suaves, o que tenta as pessoas a usar texto suave. Taupe #8A8178 sobre linho #F3EEE6 mede apenas 3,31:1, abaixo dos 4,5:1 que a WCAG pede para texto corrido. Café expresso #2B2724 sobre o mesmo linho chega a 12,82:1. Use o seu neutro mais escuro para tudo o que as pessoas precisam ler e reserve os tons médios para formas, bordas e texto grande de destaque.

O Gradiently faz isso automaticamente: um Mark se acomoda atrás das suas palavras e escolhe texto claro ou escuro linha a linha a partir da própria paleta, então um fundo neutro e discreto nunca custa legibilidade. Confira você mesmo qualquer par de cores com contraste de cores.