# Ideias de cores de marca: 30 paletas para marcas novas

[Canonical HTML page](https://gradiently.design/pt-pt/guide/brand-color-ideas)

Uma paleta de marca são quatro ou cinco cores com funções, não uma cor favorita e mais algumas amigas. Eis 30 pontos de partida por ambiente e setor, com códigos para copiar e uma forma de os testar.

## The short version

- Uma paleta de marca que funciona tem quatro ou cinco cores com funções fixas: um fundo, uma cor principal, um tom de apoio, um neutro para o texto e um destaque.
- O destaque é a cor de que as pessoas se lembram, por isso deve aparecer numa coisa de cada vez, como um botão, um preço ou o símbolo do logótipo.
- As paletas adequadas a um setor ajudam os clientes a perceber o que vendes, mas é uma única cor inesperada que torna uma marca reconhecível.
- Testa uma paleta em designs reais, a tamanhos reais, em claro e escuro, antes de te comprometeres, porque amostras numa página branca escondem a maioria dos problemas.
- Confirma que a cor do texto sobre o fundo cumpre o contraste WCAG, ou o texto corrido será difícil de ler para muita gente.

Boas **ideias de cores de marca** começam pelas funções, não pelos favoritos. Escolhe um fundo onde assenta a maioria dos teus designs, uma cor principal que diga que tipo de negócio és, um tom de apoio para dar profundidade, um neutro para o texto e um destaque pelo qual as pessoas se lembrem de ti. Abaixo ficam 30 paletas construídas assim, seis por ambiente com amostras e 24 por setor com códigos, mais um método rápido para testar a que escolheres.

## Como se constrói uma paleta de cores de marca

A maioria das paletas falhadas são cinco cores com o mesmo peso: nada lidera, por isso nada é reconhecível. Uma paleta funciona quando cada cor tem uma parte do espaço: o fundo cobre a maior parte, a cor principal uma boa parte e o destaque apenas uma nesga. A [regra 60 30 10](https://gradiently.design/pt-pt/guide/60-30-10-rule) é uma boa proporção de partida, mesmo que a dobres mais tarde.

| Função | Parte de um design | Papel |
| --- | --- | --- |
| Fundo | Cerca de 60% | Fundos, áreas grandes, o ambiente |
| Principal | Cerca de 25% | Títulos, formas, a cor que as pessoas associam a ti |
| Apoio | Cerca de 5 a 10% | Profundidade, painéis secundários, ilustrações |
| Neutro | Só texto | Texto corrido que tem de se ler sobre o fundo |
| Destaque | Menos de 5% | Um botão, um preço, um símbolo por design |

Cinco funções, cinco partes. O destaque funciona por ser raro; se o espalhares por todo o lado, torna-se uma segunda cor principal.

## Paletas de cores de marca por ambiente

Começa aqui se sabes o que queres que as pessoas sintam. As associações de cor são culturais e não universais, como explica a [psicologia das cores](https://gradiently.design/pt-pt/guide/color-psychology).

- Azul-marinho profundo: #0b2545
- Porto: #13315c
- Azul névoa: #8da9c4
- Salva pálida: #eef4ed
- Latão: #e0a458

1. Calma e de confiança. O azul-marinho transmite firmeza; um destaque em latão evita que pareça um extrato bancário. Serve finanças, saúde e consultoras.

- Espresso: #3d2314
- Terracota: #c8553d
- Alperce: #f28f3b
- Creme: #f6e7cb
- Verde-azulado salva: #588b8b

2. Calorosa e simpática. Vermelhos terrosos sobre creme parecem feitos à mão. O destaque frio em verde-azulado salva impede-a de parecer igual a todos os cafés.

- Floresta: #1b3a2f
- Musgo: #4f772d
- Feto: #90a955
- Lima suave: #ecf39e
- Giz: #fdfcf6

3. Fresca e natural. Verdes do escuro ao vivo, sobre giz, para marcas de bem-estar e sustentabilidade.

- Tinta: #0d0d1a
- Ultramarino: #3a0ca3
- Violeta: #7209b7
- Rosa choque: #f72585
- Céu elétrico: #4cc9f0

4. Ousada e moderna. Um fundo quase preto deixa a cor saturada brilhar. Usa o céu elétrico com moderação.

- Preto suave: #1a1a1a
- Sombra: #4a3f35
- Ouro antigo: #b08d57
- Linho: #e8dcc8
- Marfim: #f7f3ee

5. Luxo discreto. Pouca saturação e muito espaço. O ouro só parece caro quando é suave e usado com parcimónia.

- Tinta: #2b2d42
- Vermelho coral: #ff6b6b
- Girassol: #ffd93d
- Folha: #6bcb77
- Azul piscina: #4d96ff

6. Divertida. Quatro cores vivas unidas por uma tinta escura. Deixa uma cor liderar em cada design.

## Ideias de cores de marca por setor

Cada paleta de setor lista quatro códigos, normalmente do mais escuro ao mais claro, e a última coluna indica a cor que faz de destaque. As convenções existem por uma razão: um dentista em verde-azulado e uma pastelaria em castanhos quentes percebem-se num relance. Respeita a convenção com a cor principal e quebra-a com delicadeza no destaque.

| Negócio | Paleta | Códigos | Porque funciona |
| --- | --- | --- | --- |
| Contabilista | Livro-razão | `#1d3557` `#457b9d` `#f1faee` `#e63946` | Azul-marinho para a confiança, um destaque vermelho reservado ao número que importa |
| Escritório de advogados | Gabinete | `#2b2d42` `#8d99ae` `#edf2f4` `#9c6644` | Ardósia e papel com um destaque castanho-couro |
| Dentista | Sorriso limpo | `#03363d` `#17a398` `#e6f4f1` `#ffb703` | O verde-azulado parece clínico, mas não frio; o amarelo é simpático |
| Clínica de fisioterapia | Recuperação | `#264653` `#2a9d8f` `#e9f5f2` `#f4a261` | Verdes-azulados calmos com um destaque quente e encorajador |
| Café | Torra da manhã | `#4a2c2a` `#c08552` `#f3e9dc` `#5e8b7e` | Castanhos de café com um verde inesperado |
| Pastelaria | Crumb | `#7f4f24` `#dda15e` `#fefae0` `#bc4749` | Côdea, manteiga e farinha, com um vermelho doce de fruta para as ofertas |
| Restaurante de jantar | Clube de jantar | `#1b1b1e` `#7a1e2c` `#d4a373` `#f5ebe0` | Fundo escuro e vermelho vinho sabem a jantar, com um destaque caramelo |
| Florista | Haste | `#2d4a3e` `#e5989b` `#ffcdb2` `#fffaf5` | O verde-folha profundo faz o destaque rosa suave parecer fresco |
| Estúdio de ioga | Respiração | `#5e548e` `#9f86c0` `#e0b1cb` `#fbf8f3` | Violetas crepusculares que abrandam o olhar, com rosa como destaque |
| Ginásio | Repetição | `#111111` `#3a3a3a` `#f2f2f2` `#e4ff1a` | Preto e cinzento com um amarelo ácido bem forte |
| Cuidados de pele | Orvalho | `#6b4e3d` `#e8b4a0` `#f6e3d8` `#fdf8f4` | Tons de pele e brancos quentes, castanho cacau para o texto, pêssego como destaque |
| Marca de moda | Ateliê | `#0f0f0f` `#c9c1b6` `#f4f1ec` `#8a1c1c` | Preto e pedra com um único vermelho sangue de boi |
| Joalheiro | Veludo | `#14213d` `#2e1a47` `#f5f0e6` `#c9a227` | Azuis da meia-noite realçam um destaque dourado como o faz uma montra |
| Agente imobiliário | Porta de entrada | `#22333b` `#5e503f` `#eae0d5` `#c6ac8f` | Tons de carvão e madeira parecem uma casa bem cuidada; a areia é o destaque |
| Estúdio de arquitetura | Betão | `#262626` `#7d7d7d` `#d9d9d9` `#ff5a1f` | Cinzentos como materiais, um laranja de segurança |
| Ferramenta para programadores | Terminal | `#0b1021` `#1f6feb` `#e6edf3` `#7ee787` | Azuis escuros de interface com um destaque verde de código |
| Fintech | Razão de menta | `#0a2e2a` `#00b37e` `#d7f9ec` `#1e1e24` | Verde profundo com um destaque menta vivo sugere dinheiro sem clichés de dólar |
| Produto de IA | Sinal | `#0e0b16` `#5b5bd6` `#a78bfa` `#f0abfc` | Índigo sobre quase preto, com orquídea como destaque contido |
| Podcast | No ar | `#1a1423` `#ff7b54` `#ffb26b` `#ffd56b` | Um fundo escuro de estúdio com uma rampa quente de pôr do sol, liderada pelo coral |
| Marca infantil | Recreio | `#118ab2` `#06d6a0` `#ffd166` `#ef476f` | Cores vivas e claras suavizadas na medida certa; o rosa é o destaque |
| Instituição de solidariedade | Terreno comum | `#2f3e46` `#52796f` `#cad2c5` `#f4a259` | Verdes sóbrios com um laranja esperançoso |
| Equipamento outdoor | Início do trilho | `#283618` `#606c38` `#fefae0` `#dd6b20` | Oliva e lona com um laranja de alta visibilidade |
| Organizador de casamentos | Votos | `#6d597a` `#b56576` `#e8c2ca` `#fbf6f0` | Ameixa com um destaque rosa que fica bem fotografado em papel |
| Artista musical | Madrugada | `#090014` `#3c096c` `#ff006e` `#fb5607` | A escuridão de um clube com dois destaques quentes e ligados |

Copia os códigos para o teu [kit de marca](https://gradiently.design/pt-pt/guide/brand-kit) e ajusta uma cor até sentires que é tua.

## Como fazer uma paleta parecer a tua marca

O que transforma uma paleta de lista numa identidade é uma decisão que mais ninguém na tua rua tomou, normalmente o destaque: um escritório de advogados em castanho-couro, um ginásio em amarelo ácido. Muda primeiro o destaque e mantém o fundo e a cor do texto, para ganhares personalidade sem perder legibilidade.

### Evita

- Cinco cores vivas usadas por igual
- Escolher primeiro a cor do logótipo e as outras a olho
- Um destaque em cada elemento de cada design
- Texto cinzento-claro sobre um fundo creme
- Escolher a partir de amostras numa página branca

### Faz

- Um fundo que cobre a maior parte do espaço
- Primeiro as funções, depois as cores que as preenchem
- Uma coisa em destaque por design
- Um neutro escuro que cumpre o contraste
- Testar numa publicação, num story e num banner reais

Uma paleta misturada num gradiente suave dá-te um fundo inconfundivelmente teu, desde que as cores sejam aparentadas.

- Respiração como gradiente: `linear-gradient(160deg, #5e548e 0%, #9f86c0 50%, #e0b1cb 100%)`
- Azul-marinho calmo como gradiente: `linear-gradient(160deg, #0b2545 0%, #13315c 55%, #8da9c4 100%)`
- Brilho quente de terracota: `radial-gradient(circle at 80% 20%, #f28f3b 0%, #c8553d 40%, #3d2314 85%)`

Três das paletas acima como fundos. As cores vizinhas misturam-se bem; deixa o destaque fora da mistura e usa-o por cima.

## Testa as cores da tua marca antes de te comprometeres

1. **Faz três designs reais** Uma publicação quadrada, um story de 1080×1920 e um cabeçalho de 1500×500, com palavras verdadeiras e o teu logótipo.
2. **Verifica o contraste do texto** O teu neutro sobre o teu fundo deve cumprir o WCAG AA. [Contraste de cor e acessibilidade](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) mostra como o medir.
3. **Olha para ele em pequeno** Reduz a publicação ao tamanho de miniatura. Se ainda perceberes que é tua, a paleta está a cumprir a sua função.
4. **Experimenta ao lado dos concorrentes** Põe a tua publicação ao lado de três rivais locais. Se a tua se confundir com elas, muda o destaque, não a paleta inteira.
5. **Escreve os códigos** Regista cada código hex e a sua função num só lugar.

Uma publicação vertical de pastelaria com o texto Pão fresco desde as sete sobre um fundo de gradiente quente

Testar uma paleta numa publicação real: o título, o detalhe e o fundo têm de funcionar em conjunto a 1080×1350.

Se quiseres ajuda para escolher, [como escolher as cores da marca](https://gradiently.design/pt-pt/guide/how-to-choose-brand-colors) percorre a decisão desde o início, e as [combinações de cores para logótipos](https://gradiently.design/pt-pt/guide/color-combinations-for-logos) reduzem-na às duas ou três cores que o próprio símbolo deve usar.

## Transformar as cores da marca num visual

Cinco códigos hex qualquer pessoa os copia. Na Gradiently, um Mark leva uma paleta como fundo vivo, com luz, grão e movimento próprios, e não há dois Marks iguais. Pesquisa no Mercado com palavras de cor como “verde-azulado profundo” para encontrar um próximo da tua paleta, cria com ele de graça e reserva-o para que só tu possas exportar com ele. O teu kit de marca guarda os códigos exatos para texto e destaques.

## FAQ

### Quantas cores deve ter uma marca?

Quatro ou cinco chegam para a maioria das marcas: um fundo, uma cor principal, um tom de apoio, um neutro para o texto e um destaque. Mais do que isso é difícil de usar com consistência.

### Qual é a melhor cor para uma marca nova?

Não há uma melhor cor. Escolhe uma cor principal que condiga com o que vendes e depois um destaque que os teus concorrentes não usem, para os clientes te distinguirem.

### As cores da minha marca devem corresponder ao meu setor?

Acompanhar o setor com a cor principal ajuda as pessoas a perceber-te depressa. Quebrá-lo com o destaque é o que te torna memorável.

### Como verifico se as cores da minha marca são acessíveis?

Mede o contraste da cor do texto sobre o fundo com um verificador de contraste WCAG. O texto corrido deve atingir pelo menos 4,5:1.

### Posso usar um gradiente como cor de marca?

Sim, desde que seja feito de cores aparentadas da tua paleta e mantenhas uma versão lisa para usos pequenos, como favicons e texto.