Mercado
Preços
EntrarComeçar
Guia práticoCor
Cor

Significado da cor azul-petróleo e por que as marcas a adoram

O azul-petróleo faz duas coisas ao mesmo tempo: acalma como o azul e refresca como o verde. Esse duplo sentido, e o fato de não ser simplesmente azul, é o motivo de tantas marcas de saúde, finanças e tecnologia o escolherem.

GradientlyConta verificada do Gradiently·1 de outubro de 2026·5 min de leitura
Capa: Walnut Interval · GR·8KKY·PX

Resumindo

  • O significado do azul-petróleo combina a calma, a clareza e a confiança do azul com a renovação, a saúde e o equilíbrio do verde.
  • Em inglês, a cor teal leva o nome do marreco-comum, um patinho cujos machos têm uma mancha ocular de verde iridescente.
  • A cor nomeada teal do CSS é #008080, um azul-esverdeado médio feito de partes iguais de verde e azul, sem vermelho.
  • As marcas escolhem o azul-petróleo porque ele inspira confiança como o azul, mas se destaca das muitas marcas que já usam azul.
  • Laranja e coral são os complementos naturais do azul-petróleo, e por isso a combinação de azul-petróleo e laranja é tão comum no cinema e no design.
Nesta página
De onde vem o azul-petróleoPsicologia da cor azul-petróleoTons de azul-petróleo e o que cada um dizPor que as marcas adoram o azul-petróleoComo construir uma marca em torno do azul-petróleoCores que combinam com o azul-petróleo

O significado da cor azul-petróleo é calma com pulso: une a confiança, a clareza e a serenidade do azul à renovação, à saúde e ao equilíbrio do verde. O azul-petróleo parece fresco, mas sério, reflexivo, mas não frio. Ele também foge da multidão. Uma marca que quer a segurança do azul sem parecer todos os bancos e empresas de software encontra no azul-petróleo uma resposta pronta, e isso explica em boa parte por que ele aparece na saúde, nas finanças, no bem-estar e na tecnologia.

De onde vem o azul-petróleo

Em inglês, a cor leva o nome do teal comum, um pequeno pato de superfície cujos machos exibem uma larga faixa de verde iridescente que vai do olho para trás. A palavra passou a ser usada como nome de cor no inglês no início do século XX. Nas telas, teal significa partes iguais de luz verde e azul e nenhum vermelho; a palavra-chave teal do CSS é exatamente isso.

css
:root {
  /* The CSS named colour */
  --teal: teal; /* #008080, rgb(0 128 128) */

  /* A practical brand scale */
  --teal-100: #ccfbf1;
  --teal-300: #5eead4;
  --teal-500: #14b8a6;
  --teal-700: #0f766e;
  --teal-900: #134e4a;
}
A palavra-chave teal e uma escala de cinco passos que você pode colar numa folha de estilo. O passo 700 leva bem o texto branco.

Psicologia da cor azul-petróleo

A maior parte das associações do azul-petróleo vem da água e da natureza: o mar tropical raso, lagoas, piscinas minerais e a pátina do cobre antigo. Essas imagens o fazem parecer limpo, fresco, restaurador e um pouco precioso. Como todo significado de cor, essas são associações aprendidas e não regras, e psicologia das cores explica por que o contexto as altera.

Confiança

Do verde

Renovação

Próprio do azul-petróleo

Clareza com calor
CalmaSaúde

Próprio do azul-petróleo

Fresco, mas adulto
Competência

Do verde

Equilíbrio

Próprio do azul-petróleo

Nem corporativo, nem rústico
Profundidade

Do verde

Crescimento

Próprio do azul-petróleo

Moderno e neutro em gênero
Do azulDo verdePróprio do azul-petróleo
ConfiançaRenovaçãoClareza com calor
CalmaSaúdeFresco, mas adulto
CompetênciaEquilíbrioNem corporativo, nem rústico
ProfundidadeCrescimentoModerno e neutro em gênero
O azul-petróleo toma emprestado dos dois pais e acaba com um caráter próprio.

Tons de azul-petróleo e o que cada um diz

Petróleos claros parecem arejados e clínicos, os escuros parecem ricos e silenciosos, e o empoeirado lembra interiores e artesanato.
  • Espuma do mar e petróleo água: frescor, spa, verão, simpatia.
  • Petróleo vivo: energia e otimismo com um toque técnico; bom para apps e painéis.
  • Petróleo profundo e escuro: confiança, profundidade e luxo; uma forte alternativa ao azul-marinho.
  • Petróleo empoeirado: calmo, vintage e artesanal; funciona para decoração, cerâmica e cafeterias.

Por que as marcas adoram o azul-petróleo

O azul-petróleo resolve um problema comum de branding. O azul é a escolha segura para tudo que envolve dinheiro, saúde ou dados, então muitos concorrentes já o usam. O azul-petróleo mantém boa parte da credibilidade do azul e acrescenta uma sensação de cuidado e frescor, exatamente o tom que uma clínica, um app de previdência ou um serviço de bem-estar quer. Ele também está livre da forte associação de gênero que o rosa e alguns azuis carregam.

Há lugares em que o azul-petróleo combina menos. Se toda a sua categoria já pende para o azul-petróleo, como acontece em alguns mercados de bem-estar e de odontologia, ele deixa de ser distintivo e você precisa de um segundo elemento de assinatura. Um azul-petróleo muito vivo também pode parecer jovem e tecnológico, o que pode destoar para um escritório de advocacia tradicional ou uma funerária. Nesses casos, um petróleo empoeirado ou bem escuro mantém a calma sem o ar de startup. Como escolher as cores da marca traz um método mais completo.

Riverside Clinic
Consultas no mesmo dia.
Agende online, atendimento hoje
Gradiently · @gradiently

Azul-petróleo para uma clínica: calmo, limpo e confiável, sem o frio do azul de hospital.

Novo no app
Sua poupança num relance.
Cada cofrinho, uma visão simples
Gradiently · @gradiently

Azul-petróleo profundo para um app de dinheiro: crível como um banco, mas mais caloroso e moderno.

Como construir uma marca em torno do azul-petróleo

  1. 1

    Decida o quanto de claro ou profundo

    Petróleos claros parecem abertos e amigáveis; os profundos parecem consolidados. Escolha um petróleo principal e anote o hex dele, para todos os arquivos usarem exatamente a mesma cor.

  2. 2

    Dê a ele uma cor de texto

    Confira que tinta se lê sobre o seu petróleo principal. Petróleos vivos pedem texto quase preto; os profundos aceitam branco.

  3. 3

    Acrescente um destaque quente

    Um coral, laranja ou dourado em pequenas doses evita que uma paleta de azul-petróleo pareça clínica. Reserve para botões, preços ou uma única forma.

  4. 4

    Teste na impressão cedo

    Azuis-petróleo muito vivos na tela podem sair visivelmente mais opacos no papel. Peça uma prova antes de encomendar embalagens ou sinalização; RGB vs CMYK explica o porquê.

  5. 5

    Leve-o para os fundos

    Posts de redes sociais e slides são onde as pessoas mais veem uma marca. Um fundo azul-petróleo consistente neles faz mais pelo reconhecimento do que o logo sozinho.

Cores que combinam com o azul-petróleo

O complemento do azul-petróleo fica na faixa do laranja e do coral, então destaques quentes o fazem brilhar. Essa oposição também está por trás da conhecida correção de cor de azul-petróleo e laranja nos filmes, em que sombras frias realçam a pele quente. Para paletas mais calmas, mantenha o azul-petróleo com seus vizinhos, azul-marinho e verde-sálvia, como em cores análogas.

Azul-petróleo com seus complementos quentes e com os próprios tons mais profundos. Mais em degradês de azul-petróleo.

Evite

  • Texto branco sobre azul-petróleo vivo #14b8a6: cerca de 2,5:1
  • Texto branco sobre #0d9488: cerca de 3,7:1, ainda abaixo de 4,5:1
  • Azul-petróleo direto para o vermelho, que fica barrento no meio

Faça

  • Texto quase preto sobre azul-petróleo vivo, cerca de 8:1
  • Texto branco sobre azul-petróleo profundo #0f766e, cerca de 5,5:1
  • Misture o azul-petróleo passando pelo azul-marinho ou pelo verde, não pelo lado oposto do círculo

Confira seus próprios pares com o método de contraste de cor e acessibilidade e veja degradês de turquesa se quiser uma versão mais viva e ensolarada da mesma família. Quando você quiser um visual azul-petróleo só seu, busque "azul-petróleo profundo" no Mercado do Gradiently: cada Mark tem um dono por vez e mantém o seu texto legível enquanto se move.

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

O que significa a cor azul-petróleo?

O azul-petróleo significa calma, clareza e confiança do azul, junto com renovação, saúde e equilíbrio do verde. Parece fresco e moderno, mas continua sério.

Qual é o código hex do azul-petróleo?

A cor nomeada teal do CSS é #008080. As marcas costumam usar versões mais claras ou mais profundas, como #14b8a6 ou #0f766e.

O azul-petróleo é azul ou verde?

Os dois. É um azul-esverdeado, feito na tela de partes iguais de luz verde e azul, sem vermelho.

Que cor combina melhor com o azul-petróleo?

Laranja e coral são os complementos e o fazem brilhar. Azul-marinho, verde-sálvia, creme e dourado dão combinações mais calmas e elegantes.

O que simboliza o azul-petróleo escuro?

O azul-petróleo escuro sugere profundidade, confiança e luxo discreto. Muitas marcas o usam como uma alternativa mais calorosa e distintiva ao azul-marinho.

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

De onde vem o azul-petróleoPsicologia da cor azul-petróleoTons de azul-petróleo e o que cada um dizPor que as marcas adoram o azul-petróleoComo construir uma marca em torno do azul-petróleoCores que combinam com o azul-petróleo

Compartilhar este guia

A seguir em Cor

Cores complementares divididas: contraste com menos choque

Continue lendo

Todos os guias de Cor
Cor

Degradê azul-petróleo: códigos da lagoa ao mar profundo

5 min de leitura

O azul-petróleo fica exatamente entre o azul e o verde, o que o torna calmo, inteligente e incomumente fácil de misturar. Desça da lagoa ao mar profundo com códigos para cada profundidade.

Cor

Gradiente turquesa: códigos tropicais com profundidade

5 min de leitura

O turquesa vivo sozinho parece o ícone de uma piscina. Dê a ele um fundo profundo, uma praia quente e um pouco de luz, e ele vira o mar de uma ilha. Veja como, com os códigos.

Cor

Significado da cor azul: confiança, calma e como as marcas a usam

5 min de leitura

O azul é a cor do céu, do mar e de muitos dos logos no seu celular. Veja o que ele sinaliza, como o azul-marinho, o cobalto e o azul-celeste se diferenciam, o que significa entre culturas e como usá-lo sem desaparecer.

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