Paleta de cores começa por uma pergunta, não por uma cor

Uma paleta de cores é o conjunto de cores de uma marca ou de um projeto, junto com a regra de uso de cada uma. Para montar uma que funcione, comece pela função (o que a cor precisa fazer), escolha poucas cores, defina a proporção entre elas, teste o contraste e deixe o acento para o que realmente importa. A parte que quase todo mundo pula é a proporção, e é ela que faz a paleta parecer decidida.

Comece pela função, não pela cor

O erro mais comum é abrir um gerador de paletas e sair escolhendo combinações bonitas. O resultado costuma ser harmônico e genérico ao mesmo tempo: cinco cores que combinam entre si e não dizem nada sobre a marca.

A ordem certa é outra. Antes de qualquer cor, responda três perguntas:

1. O que a pessoa precisa sentir primeiro? Calma, urgência, confiança, energia, sofisticação. A cor chega antes da palavra, como eu mostro no artigo sobre a cor mais feia do mundo.
2. Onde as cores vão aparecer? Tela, papel, fachada, embalagem, uniforme. Cada suporte muda a cor.
3. O que precisa se destacar? Um botão, um preço, um título. A cor de acento existe para isso, e só para isso.

Com essas respostas, escolher as cores fica muito mais fácil, porque você não está escolhendo o que é bonito. Está escolhendo o que resolve.

Poucas cores, papéis claros

Uma paleta de marca raramente precisa de mais de cinco cores. Mais do que isso e cada peça vira uma combinação diferente. Eu costumo pensar em três papéis:

• Base: a cor que aparece mais. Fundo, grandes áreas, o clima geral. Costuma ser neutra ou escura.
• Apoio: a segunda cor. Contraste com a base, blocos de texto, áreas secundárias.
• Acento: a cor que chama. Usada pouco e sempre no mesmo tipo de coisa.

As outras duas, quando existem, são variações para casos específicos: um tom de alerta, uma cor para gráficos, um neutro intermediário.

A proporção é o que faz a paleta parecer decidida

Duas marcas podem ter exatamente as mesmas cores e parecer completamente diferentes. A diferença está em quanto cada cor aparece.

Uma regra de bolso muito usada vem da decoração de interiores: 60-30-10. Sessenta por cento da área para a cor base, trinta para a de apoio, dez para o acento. Não é lei, e não há pesquisa que diga que esses números são mágicos. Mas a lógica por trás dela é sólida: uma cor domina, uma acompanha, uma aparece pouco. Quando as três aparecem na mesma quantidade, nenhuma manda, e a peça fica sem ponto de entrada.

O acento é o que mais sofre. Se ele aparece em todo lugar, para de destacar. É o mesmo princípio da hierarquia visual: quando tudo grita, ninguém escuta.

Contraste e legibilidade não são opcionais

Uma paleta pode ser linda e ilegível. Texto cinza-claro sobre fundo branco, lilás sobre lilás, vermelho sobre verde. O teste é objetivo: as diretrizes de acessibilidade da web (WCAG, do W3C) pedem uma razão de contraste de pelo menos 4,5 para 1 entre texto e fundo, e 3 para 1 para textos grandes. Qualquer verificador de contraste gratuito mede isso em segundos.

Outro teste simples: converta a peça para preto e branco. Se a hierarquia some, ela dependia só da cor, e quem tem dificuldade para distinguir cores vai perder a informação. Uma boa paleta tem diferença de claro e escuro, não só de matiz.

A cor muda com a vizinhança

O pintor e professor Josef Albers passou anos mostrando que uma cor nunca é vista sozinha. O mesmo quadrado de cinza parece mais claro sobre um fundo escuro e mais escuro sobre um fundo claro. Duas cores diferentes podem parecer iguais dependendo do que está em volta.

Na prática, isso quer dizer que não dá para aprovar uma paleta olhando as amostras isoladas. Ela precisa ser testada aplicada: num post, num cartão, num site, ao lado de fotos reais. É ali que você descobre que o bege elegante vira encardido no papel reciclado, ou que o azul da tela fica roxo na impressão.

Os erros que eu mais vejo

Alguns problemas aparecem em quase toda paleta que chega para revisão:

• Cores demais com o mesmo peso. Seis cores fortes, todas usadas na mesma quantidade. Nenhuma manda, e cada peça parece de uma marca diferente.
• Acento usado como enfeite. A cor de destaque aparece em bordas, ícones, fundos e títulos ao mesmo tempo. Quando chega o botão que importa, ela já não destaca nada.
• Paleta pensada só para tela. O tom vibrante do celular perde força no papel e muda de cor no tecido do uniforme. Vale testar no suporte real antes de aprovar.
• Cores escolhidas pela tendência do ano. A cor que está em todo lugar hoje é a que vai parecer datada daqui a três anos.

Quase todos esses erros somem quando cada cor tem uma função escrita.

O roteiro que eu uso

Quando monto a paleta de uma marca, sigo esta ordem:

1. Escrever a função de cada cor antes de escolher qualquer uma.
2. Escolher a base pensando no clima geral e no suporte principal.
3. Escolher o acento pensando no que precisa se destacar, e garantir que ele contraste com a base.
4. Definir a proporção e testar em três peças reais diferentes.
5. Medir o contraste de todo texto sobre fundo.
6. Registrar a regra, não só as cores: onde cada uma entra, onde não entra.

O último passo é o que garante que a paleta sobreviva à quinta peça, feita por outra pessoa, com pressa. Uma paleta sem regra de uso é só uma amostra. É a diferença entre ter cores e ter branding.

Referências

• W3C. Web Content Accessibility Guidelines (WCAG) 2.2, critério 1.4.3, Contraste (mínimo). w3.org
• Albers, Josef. A interação da cor. São Paulo: WMF Martins Fontes, 2009 (original de 1963).
• Lupton, Ellen; Phillips, Jennifer Cole. Novos fundamentos do design. São Paulo: Cosac Naify, 2008 (capítulo "Cor").