Mercado
Preços
EntrarComeçar
Guia práticoIdeias e tendências
Ideias e tendências

Ideias de cores para marca: 30 paletas para marcas novas, com códigos

Uma paleta de marca são quatro ou cinco cores com funções, não uma cor favorita e algumas amigas. Aqui estão 30 pontos de partida por clima e por segmento, com códigos para copiar e um jeito de testá-los.

GradientlyConta verificada do Gradiently·1 de outubro de 2026·7 min de leitura
Capa: Marrakesh Glare · GR·RF0Y·DC

Resumindo

  • 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 acento.
  • O acento é a cor de que as pessoas se lembram, então ele deve aparecer em uma coisa por vez, como um botão, um preço ou o símbolo do logo.
  • Paletas que combinam com um segmento ajudam o cliente a entender o que você vende, mas é uma única cor inesperada que torna uma marca reconhecível.
  • Teste uma paleta em designs reais, em tamanhos reais, no claro e no escuro, antes de decidir, porque amostras numa página branca escondem a maioria dos problemas.
  • Confira se a cor do texto sobre o fundo atende ao contraste WCAG, senão o texto corrido vai ser difícil de ler para muita gente.
Nesta página
Como uma paleta de cores de marca é montadaPaletas de cores de marca por climaIdeias de cores para marca por segmentoComo fazer uma paleta parecer a sua marcaTeste as cores da sua marca antes de decidirComo transformar as cores da marca num visual

Boas ideias de cores para marca começam pelas funções, não pelas favoritas. Escolha uma cor de fundo sobre a qual a maioria dos seus designs vai ficar, uma cor principal que diga que tipo de negócio você é, um tom de apoio para dar profundidade, um neutro para o texto e um acento pelo qual as pessoas vão lembrar de você. Abaixo estão 30 paletas montadas assim, seis por clima com amostras e 24 por segmento com códigos, mais um método rápido para testar a que você escolher.

Como uma paleta de cores de marca é montada

A maioria das paletas que falham são cinco cores com o mesmo peso: nenhuma lidera, então nenhuma é reconhecível. Uma paleta funciona quando cada cor tem uma parte do espaço: o fundo cobre quase tudo, a cor principal uma boa parte e o acento só uma lasca. A regra 60 30 10 é uma proporção inicial útil, mesmo que você a dobre depois.

FundoCerca de 60%

Tarefa

Fundos, áreas grandes, o clima
Principal

Parte do design

Cerca de 25%

Tarefa

Títulos, formas, a cor que as pessoas associam a você
ApoioCerca de 5 a 10%

Tarefa

Profundidade, painéis secundários, ilustrações
NeutraSó texto

Tarefa

Texto corrido que precisa ser lido sobre o fundo
AcentoMenos de 5%

Tarefa

Um botão, um preço, um símbolo por design
FunçãoParte do designTarefa
FundoCerca de 60%Fundos, áreas grandes, o clima
PrincipalCerca de 25%Títulos, formas, a cor que as pessoas associam a você
ApoioCerca de 5 a 10%Profundidade, painéis secundários, ilustrações
NeutraSó textoTexto corrido que precisa ser lido sobre o fundo
AcentoMenos de 5%Um botão, um preço, um símbolo por design
Cinco funções, cinco proporções. O acento funciona porque é raro; espalhe por toda parte e ele vira uma segunda cor principal.

Paletas de cores de marca por clima

Comece por aqui se você sabe como quer que as pessoas se sintam. As associações de cor são culturais, não universais, como explica a psicologia das cores.

1. Calma e confiável. O marinho passa firmeza; um acento de latão evita que pareça um extrato bancário. Combina com finanças, saúde e consultorias.
2. Quente e simpática. Vermelhos terrosos sobre creme parecem feitos à mão. O acento frio de verde-sálvia azulado evita que pareça mais um café igual aos outros.
3. Fresca e natural. Verdes do profundo ao vivo, sobre giz, para marcas de bem-estar e sustentabilidade.
4. Ousada e moderna. Um fundo quase preto deixa a cor saturada brilhar. Use o céu elétrico com moderação.
5. Luxo discreto. Pouca saturação e muito espaço. O dourado só parece caro quando é apagado e usado com moderação.
6. Divertida. Quatro cores vibrantes seguradas por uma tinta escura. Deixe uma cor liderar em cada design.

Ideias de cores para marca por segmento

Cada paleta por segmento lista quatro códigos, normalmente do mais escuro para o mais claro, e a última coluna diz qual cor faz o papel de acento. As convenções existem por um motivo: um dentista em verde-azulado e uma padaria em marrons quentes são entendidos de relance. Siga a convenção com a cor principal e quebre-a com delicadeza no acento.

ContadorLivro-caixa

Códigos

#1d3557 #457b9d #f1faee #e63946

Por que funciona

Marinho para confiança, um acento vermelho reservado ao número que importa
Escritório de advocacia

Paleta

Gabinete

Códigos

#2b2d42 #8d99ae #edf2f4 #9c6644

Por que funciona

Ardósia e papel com um acento marrom couro
DentistaSorriso limpo

Códigos

#03363d #17a398 #e6f4f1 #ffb703

Por que funciona

O verde-azulado parece clínico sem ser frio; o amarelo é simpático
Clínica de fisioterapia

Paleta

Recuperação

Códigos

#264653 #2a9d8f #e9f5f2 #f4a261

Por que funciona

Verdes-azulados calmos com um acento quente e encorajador
CaféTorra da manhã

Códigos

#4a2c2a #c08552 #f3e9dc #5e8b7e

Por que funciona

Marrons de café com um verde inesperado
PadariaCrumb

Códigos

#7f4f24 #dda15e #fefae0 #bc4749

Por que funciona

Casca, manteiga e farinha, com um vermelho geleia para as ofertas
Restaurante noturno

Paleta

Clube do jantar

Códigos

#1b1b1e #7a1e2c #d4a373 #f5ebe0

Por que funciona

Fundo escuro e vermelho vinho lembram jantar, com um acento caramelo
Floricultura

Paleta

Haste

Códigos

#2d4a3e #e5989b #ffcdb2 #fffaf5

Por que funciona

O verde-folha profundo faz o acento rosa suave parecer fresco
Estúdio de yoga

Paleta

Respiro

Códigos

#5e548e #9f86c0 #e0b1cb #fbf8f3

Por que funciona

Violetas crepusculares que desaceleram o olhar, com rosa como acento
AcademiaRepetição

Códigos

#111111 #3a3a3a #f2f2f2 #e4ff1a

Por que funciona

Preto e cinza com um amarelo ácido bem barulhento
SkincareOrvalho

Códigos

#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4

Por que funciona

Tons de pele e brancos quentes, marrom cacau para o texto, pêssego como acento
Marca de moda

Paleta

Ateliê

Códigos

#0f0f0f #c9c1b6 #f4f1ec #8a1c1c

Por que funciona

Preto e pedra com um único vermelho sangue de boi
Joalheria

Paleta

Veludo

Códigos

#14213d #2e1a47 #f5f0e6 #c9a227

Por que funciona

Azuis meia-noite realçam um acento dourado como faz uma vitrine
Imobiliária

Paleta

Porta da frente

Códigos

#22333b #5e503f #eae0d5 #c6ac8f

Por que funciona

Carvão e tons de madeira lembram uma casa bem cuidada; areia é o acento
Escritório de arquitetura

Paleta

Concreto

Códigos

#262626 #7d7d7d #d9d9d9 #ff5a1f

Por que funciona

Cinzas como materiais, um laranja de segurança
Ferramenta para desenvolvedores

Paleta

Terminal

Códigos

#0b1021 #1f6feb #e6edf3 #7ee787

Por que funciona

Azuis escuros de interface com um acento verde código
FintechLivro-caixa menta

Códigos

#0a2e2a #00b37e #d7f9ec #1e1e24

Por que funciona

Verde profundo com um acento menta vivo sinaliza dinheiro sem clichês de cifrão
Produto de IA

Paleta

Sinal

Códigos

#0e0b16 #5b5bd6 #a78bfa #f0abfc

Por que funciona

Índigo sobre quase preto, com orquídea como acento contido
PodcastNo ar

Códigos

#1a1423 #ff7b54 #ffb26b #ffd56b

Por que funciona

Um fundo escuro de estúdio com uma rampa quente de pôr do sol, com o coral na frente
Marca infantil

Paleta

Parquinho

Códigos

#118ab2 #06d6a0 #ffd166 #ef476f

Por que funciona

Cores vivas e limpas, suavizadas na medida; o rosa é o acento
ONGTerreno comum

Códigos

#2f3e46 #52796f #cad2c5 #f4a259

Por que funciona

Verdes sóbrios com um laranja esperançoso
Equipamento outdoor

Paleta

Início da trilha

Códigos

#283618 #606c38 #fefae0 #dd6b20

Por que funciona

Oliva e lona com um laranja de alta visibilidade
Assessoria de casamento

Paleta

Votos

Códigos

#6d597a #b56576 #e8c2ca #fbf6f0

Por que funciona

Ameixa com um acento rosa que fica bonito no papel
Artista musical

Paleta

After

Códigos

#090014 #3c096c #ff006e #fb5607

Por que funciona

A escuridão da balada com dois acentos quentes e conectados
NegócioPaletaCódigosPor que funciona
ContadorLivro-caixa#1d3557 #457b9d #f1faee #e63946Marinho para confiança, um acento vermelho reservado ao número que importa
Escritório de advocaciaGabinete#2b2d42 #8d99ae #edf2f4 #9c6644Ardósia e papel com um acento marrom couro
DentistaSorriso limpo#03363d #17a398 #e6f4f1 #ffb703O verde-azulado parece clínico sem ser frio; o amarelo é simpático
Clínica de fisioterapiaRecuperação#264653 #2a9d8f #e9f5f2 #f4a261Verdes-azulados calmos com um acento quente e encorajador
CaféTorra da manhã#4a2c2a #c08552 #f3e9dc #5e8b7eMarrons de café com um verde inesperado
PadariaCrumb#7f4f24 #dda15e #fefae0 #bc4749Casca, manteiga e farinha, com um vermelho geleia para as ofertas
Restaurante noturnoClube do jantar#1b1b1e #7a1e2c #d4a373 #f5ebe0Fundo escuro e vermelho vinho lembram jantar, com um acento caramelo
FloriculturaHaste#2d4a3e #e5989b #ffcdb2 #fffaf5O verde-folha profundo faz o acento rosa suave parecer fresco
Estúdio de yogaRespiro#5e548e #9f86c0 #e0b1cb #fbf8f3Violetas crepusculares que desaceleram o olhar, com rosa como acento
AcademiaRepetição#111111 #3a3a3a #f2f2f2 #e4ff1aPreto e cinza com um amarelo ácido bem barulhento
SkincareOrvalho#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Tons de pele e brancos quentes, marrom cacau para o texto, pêssego como acento
Marca de modaAteliê#0f0f0f #c9c1b6 #f4f1ec #8a1c1cPreto e pedra com um único vermelho sangue de boi
JoalheriaVeludo#14213d #2e1a47 #f5f0e6 #c9a227Azuis meia-noite realçam um acento dourado como faz uma vitrine
ImobiliáriaPorta da frente#22333b #5e503f #eae0d5 #c6ac8fCarvão e tons de madeira lembram uma casa bem cuidada; areia é o acento
Escritório de arquiteturaConcreto#262626 #7d7d7d #d9d9d9 #ff5a1fCinzas como materiais, um laranja de segurança
Ferramenta para desenvolvedoresTerminal#0b1021 #1f6feb #e6edf3 #7ee787Azuis escuros de interface com um acento verde código
FintechLivro-caixa menta#0a2e2a #00b37e #d7f9ec #1e1e24Verde profundo com um acento menta vivo sinaliza dinheiro sem clichês de cifrão
Produto de IASinal#0e0b16 #5b5bd6 #a78bfa #f0abfcÍndigo sobre quase preto, com orquídea como acento contido
PodcastNo ar#1a1423 #ff7b54 #ffb26b #ffd56bUm fundo escuro de estúdio com uma rampa quente de pôr do sol, com o coral na frente
Marca infantilParquinho#118ab2 #06d6a0 #ffd166 #ef476fCores vivas e limpas, suavizadas na medida; o rosa é o acento
ONGTerreno comum#2f3e46 #52796f #cad2c5 #f4a259Verdes sóbrios com um laranja esperançoso
Equipamento outdoorInício da trilha#283618 #606c38 #fefae0 #dd6b20Oliva e lona com um laranja de alta visibilidade
Assessoria de casamentoVotos#6d597a #b56576 #e8c2ca #fbf6f0Ameixa com um acento rosa que fica bonito no papel
Artista musicalAfter#090014 #3c096c #ff006e #fb5607A escuridão da balada com dois acentos quentes e conectados
Copie os códigos para o seu kit de marca e ajuste uma cor até ela parecer sua.

Como fazer uma paleta parecer a sua marca

O que transforma uma paleta de lista numa identidade é uma decisão que ninguém mais da sua rua tomou, normalmente o acento: um escritório de advocacia em marrom couro, uma academia em amarelo ácido. Mude o acento primeiro e mantenha o fundo e a cor do texto, assim você ganha um visual sem perder legibilidade.

Evite

  • Cinco cores vibrantes usadas por igual
  • Escolher primeiro a cor do logo e o resto no olho
  • Um acento em todos os elementos de todos os designs
  • Texto cinza-claro sobre fundo creme
  • Escolher a partir de amostras numa página branca

Faça

  • Um fundo que cobre a maior parte do espaço
  • Funções primeiro, depois as cores para preenchê-las
  • Uma coisa com acento por design
  • Um neutro escuro que passa no contraste
  • Testar num post, num story e num banner reais

Uma paleta misturada num degradê suave dá a você um fundo inconfundivelmente seu, desde que as cores sejam aparentadas.

Três das paletas acima como fundos. Cores vizinhas se misturam de forma limpa; deixe o acento fora da mistura e use-o por cima.

Teste as cores da sua marca antes de decidir

  1. 1

    Faça três designs reais

    Um post quadrado, um story de 1080×1920 e um cabeçalho de 1500×500, com palavras reais e o seu logo.

  2. 2

    Confira o contraste do texto

    O seu neutro sobre o seu fundo deve passar no WCAG AA. Contraste de cores e acessibilidade mostra como medir.

  3. 3

    Olhe em tamanho pequeno

    Reduza o post ao tamanho de uma miniatura. Se ainda dá para saber que é seu, a paleta está cumprindo o papel.

  4. 4

    Compare com concorrentes

    Coloque o seu post ao lado de três concorrentes locais. Se o seu se perde, mude o acento, não a paleta inteira.

  5. 5

    Anote os códigos

    Registre cada código hex e sua função num só lugar.

Padaria Crumb
Pão fresquinho a partir das sete.
Fermentação natural, centeio e o pão de sábado
Gradiently · @gradiently

Testando uma paleta num post de verdade: o título, o detalhe e o fundo precisam funcionar juntos em 1080×1350.

Se você quer ajuda para escolher, como escolher as cores da marca percorre a decisão do zero, e combinações de cores para logo reduz a escolha às duas ou três cores que o próprio símbolo deve usar.

Como transformar as cores da marca num visual

Cinco códigos hex podem ser copiados por qualquer um. No Gradiently, um Mark leva uma paleta como um fundo vivo, com luz, grão e movimento próprios, e não existem dois Marks iguais. Busque no Mercado com palavras de cor como “verde-azulado profundo” para achar um próximo da sua paleta, crie com ele de graça e reserve-o para que só você possa exportar com ele. O seu kit de marca guarda os códigos exatos para texto e acentos.

Encontre um gradiente só seu

Explore milhares de Marks, crie com qualquer um deles de graça e reserve o que tem a sua cara.

Explorar o Mercado

Perguntas frequentes

Quantas cores uma marca deve ter?

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

Qual é a melhor cor para uma marca nova?

Não existe uma melhor cor. Escolha uma cor principal que combine com o que você vende e depois um acento que seus concorrentes não usam, para que os clientes consigam identificar você.

As cores da minha marca devem combinar com o meu segmento?

Seguir o segmento com a cor principal ajuda as pessoas a entenderem você rápido. Quebrar a convenção com o acento é o que torna você memorável.

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

Meça o contraste da cor do texto sobre o fundo com um verificador de contraste WCAG. Texto corrido deve chegar a pelo menos 4,5:1.

Posso usar um degradê como cor de marca?

Sim, desde que seja feito com cores aparentadas da sua paleta e que você mantenha uma versão chapada para usos pequenos, como favicons e texto.

Compartilhar este guia

Escrito pelo GradientlyConta verificada do Gradiently

A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.

Ver nosso perfil

Nesta página

Como uma paleta de cores de marca é montadaPaletas de cores de marca por climaIdeias de cores para marca por segmentoComo fazer uma paleta parecer a sua marcaTeste as cores da sua marca antes de decidirComo transformar as cores da marca num visual

Compartilhar este guia

A seguir em Ideias e tendências

Combinações de cores para logo que funcionam, com hex

Continue lendo

Todos os guias de Ideias e tendências
Cor

Como escolher as cores da marca: um método passo a passo

6 min de leitura

As cores de uma marca são escolhidas, não encontradas. Um método claro leva você da página em branco a uma paleta marcante, legível e que ainda faça sentido daqui a dois anos.

Ideias e tendências

Combinações de cores para logo que funcionam, com hex

6 min de leitura

Um logo precisa sobreviver a um favicon, a uma fotocópia cinza e a um cabeçalho em modo escuro. Estes pares e trios foram escolhidos para isso, com códigos e contraste que você mesmo confere.

Cor

A regra 60 30 10: proporção de cores para designs e marcas

5 min de leitura

A maioria das paletas falha na proporção, não na escolha. Três números dizem quanto usar de cada cor, e funcionam tão bem numa tela de celular quanto nas salas de estar de onde vieram.

Encontre o visual que é só seu.

Cada Mark é um fundo vivo com um único dono. Experimente um Mark ainda disponível e reserve o seu quando sentir que é ele.

Começar a criar

Verificar um certificado

Digite o número de um certificado ou o código de um Mark para ver quem é o dono.

Funciona com ChatGPT e Claude

Peça um design à sua IA. Ela cria no seu Mark, pronto para editar.

ChatGPTClaude
Como conectar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia prático
  • Central de ajuda
  • Novidades

Desenvolvedores

  • Visão geral
  • ChatGPT e Claude
  • Referência da API
  • Chaves de API

Empresa

  • Sobre
  • Fale conosco
  • Entrar

Jurídico

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção do Mark
  • Cookies
  • Todas as políticas
Passe pelas letras. Cada uma veste um Mark de verdade.Toque em uma letra para ver o Mark dela.Um nome. Dez Marks dentro dele.
© 2026 Gradiently