Paleta de cores para o logo do seu negócio

Para o logo de um pequeno negócio, escolha uma cor principal, uma cor de apoio e um neutro (um tom que não chama atenção, como bege ou azul bem escuro). Duas ou três cores bastam. O logo precisa funcionar em muitos lugares: na fachada, na sacola, no perfil de rede social do tamanho de uma moeda. Quanto menos cores, mais fácil de manter igual em todos eles.

Liste primeiro os lugares onde o logo vai aparecer

Antes de escolher cor, liste onde o logo vai ser visto. Uma loja de bairro costuma ter:

• foto de perfil em rede social (muito pequena);
• etiqueta ou adesivo em embalagem;
• placa ou fachada;
• nota, cartão e papel de carta;
• cabeçalho do site.

Cada lugar muda o fundo. Na rede social pode ser claro ou escuro, no adesivo pode ser kraft (o papel pardo), na placa pode ser madeira. Um logo que só funciona sobre fundo branco dá trabalho em todos os outros. Por isso, o primeiro critério é: a cor se mantém legível sobre fundos diferentes?

Do azul-petróleo ao âmbar: a paleta de uma barbearia

Vamos criar a paleta de uma barbearia de bairro, que chamaremos de “Barbearia de bairro”. Digite os códigos HEX (o código de seis caracteres que identifica uma cor na tela, como #243B4A) no editor do Tom a Tom para ver as combinações.

1. Cor principal: um azul-petróleo escuro, #243B4A. Ela vai nas letras do nome e no símbolo. Escura, segura bem o desenho em tamanho pequeno.
2. Cor de apoio: um âmbar, #D98E32, para um detalhe do símbolo, como o cabo de uma tesoura.
3. Neutro claro: um creme, #F4EDE4, que serve de fundo do cartão e da etiqueta.
4. Cor extra (opcional): um verde-sálvia suave, #7A9E7E, reservada para peças de apoio, como o fundo de uma sacola, e não para o logo em si.

Agora teste as combinações com a razão de contraste, que é um número que compara a claridade de duas cores (1:1 é igual, 21:1 é preto sobre branco). Calculei com a fórmula da WCAG:

Combinação	Razão
#243B4A sobre #F4EDE4	10,05:1
#D98E32 sobre #243B4A	4,37:1
#D98E32 sobre #F4EDE4	2,30:1

O resultado orienta o desenho. O azul sobre o creme funciona muito bem. O âmbar sobre o azul escuro também se vê. Já o âmbar sobre o creme fica fraco: se o cabo da tesoura for o único elemento em âmbar sobre fundo claro, ela some em tamanho pequeno. A solução é desenhar o símbolo com contorno azul, ou usar uma versão em que o âmbar só aparece sobre azul.

Logo não precisa passar na regra de contraste, mas precisa ser lido

As regras de acessibilidade da WCAG isentam o logotipo da exigência de contraste mínimo: as razões de texto não se aplicam a logotipos, segundo o MDN, e a página do critério 1.4.11 lista logos entre as exceções. Ela avisa, porém, que a isenção não vale quando o contraste baixo foi escolha de quem desenhou, e não uma exigência da marca. A versão atual, a WCAG 2.2 (outubro de 2023), manteve os valores de contraste. Se o nome do negócio estiver ilegível, a pessoa não sabe quem você é. Na prática, vale aplicar ao nome do negócio o mesmo padrão de 4,5:1 que vale para texto, mesmo sem ser obrigatório.

As quatro versões do logo que você vai usar

Um logo profissional vem em versões que você usa conforme o fundo:

1. Colorida sobre fundo claro (a principal).
2. Colorida ou clara sobre fundo escuro (o nome em creme #F4EDE4 sobre o azul #243B4A).
3. Uma cor só, para carimbo, bordado e gravação em madeira ou metal.
4. Preto e branco, para jornal e fotocópia.

Se o desenho só existe na versão colorida, você descobre o problema na hora de mandar fazer um carimbo. Pedir as quatro versões ao designer, ou montar você mesmo, evita surpresa.

Quatro erros que encarecem o logo depois

Escolher cores demais. Cinco cores no logo viram oito na papelaria, porque cada peça acrescenta uma. Comece com duas e só aumente com motivo. O artigo quantas cores usar em uma paleta mostra como pensar nesse limite.

Copiar a cor de um concorrente. Se todo mundo do bairro usa vermelho e amarelo, o seu azul-petróleo se destaca. Olhe as fachadas ao redor antes de decidir.

Confiar na tela. A mesma cor muda entre o computador, o celular e o papel, porque telas misturam luz (RGB) e gráficas misturam tinta (CMYK). Peça uma prova impressa antes de fazer mil cartões. A diferença entre os dois sistemas está explicada em RGB, CMYK e RYB.

Usar degradê sem necessidade. Degradês são difíceis de bordar, carimbar ou imprimir em uma cor. Se gostar de degradê, tenha também uma versão de cor chapada (uma cor lisa, sem transição).

Associações de cor: cuidado com fórmulas prontas

Muita gente diz que “azul passa confiança” ou “verde passa natureza”. As associações de cor variam entre culturas e situações, e o efeito delas é pequeno. Portanto, escolha pela coerência com o que você vende e pelo que fica legível, não por uma regra de significado. Azul-petróleo e âmbar podem combinar com uma barbearia porque lembram madeira, couro e metal polido, e não porque o azul “garante” alguma sensação.

Cinco testes do logo antes de mandar imprimir

• Reduza o logo para o tamanho de um selo de 2 cm. O nome ainda se lê?
• Coloque-o sobre o creme, sobre o azul e sobre uma foto. Ele se mantém visível?
• Converta para preto e branco. O desenho continua claro?
• Mostre a uma pessoa de fora por três segundos e peça que diga o nome do negócio.
• Imprima uma folha em casa e olhe a cor sob a luz do dia.

Se passar nesses testes, a paleta está pronta para virar cartão, sacola e perfil. O próximo passo é levá-la para o site, o que o artigo como montar a paleta de cores de um site detalha.