Mercado
Preços
Iniciar sessãoComeçar
Guia PráticoCor
Cor

Significado da cor azul-petróleo e porque 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 significado, e o facto de não ser um azul simples, é porque tantas marcas de saúde, finanças e tecnologia o escolhem.

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

A versão curta

  • O significado da cor azul-petróleo junta a calma, a clareza e a confiança do azul à renovação, saúde e equilíbrio do verde.
  • Em inglês, a cor chama-se teal por causa da marrequinha (common teal), um pato pequeno cujos machos têm uma mancha verde iridescente à volta do olho.
  • A cor CSS com nome teal é #008080, um verde-azulado médio feito de partes iguais de verde e azul, sem vermelho.
  • As marcas escolhem o azul-petróleo porque inspira confiança como o azul, mas destaca-se das muitas marcas que já usam azul.
  • O laranja e o coral são os complementares 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 dizPorque as marcas adoram o azul-petróleoComo construir uma marca à volta do azul-petróleoCores que combinam com azul-petróleo

O significado da cor azul-petróleo é calma com pulsação: junta a confiança, a clareza e a serenidade do azul à renovação, saúde e equilíbrio do verde. O azul-petróleo parece fresco mas sério, ponderado mas não frio. Também foge à multidão. Uma marca que quer a segurança do azul sem parecer igual a todos os bancos e empresas de software encontra no azul-petróleo uma resposta pronta, o que explica em boa parte porque 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 deve o nome à marrequinha (common teal), um pequeno pato de superfície cujos machos têm uma larga faixa de verde iridescente do olho para trás. A palavra passou a ser usada como nome de cor em inglês no início do século XX. Nos ecrãs, o azul-petróleo significa quantidades iguais de luz verde e azul e nenhum vermelho; a palavra-chave CSS teal é 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 podes colar numa folha de estilos. O passo 700 leva texto branco com conforto.

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 pouco fundo, as lagoas, as piscinas minerais e a pátina do cobre antigo. Essas imagens fazem-no parecer limpo, fresco, reconfortante e um pouco precioso. Como todos os significados das cores, são associações aprendidas e não regras, e a psicologia das cores explica porque o contexto as altera.

Confiança

Do verde

Renovação

Do próprio azul-petróleo

Clareza com calor
CalmaSaúde

Do próprio azul-petróleo

Fresco mas adulto
Competência

Do verde

Equilíbrio

Do próprio azul-petróleo

Nem corporativo nem rústico
Profundidade

Do verde

Crescimento

Do próprio azul-petróleo

Moderno e neutro em termos de género
Do azulDo verdeDo próprio azul-petróleo
ConfiançaRenovaçãoClareza com calor
CalmaSaúdeFresco mas adulto
CompetênciaEquilíbrioNem corporativo nem rústico
ProfundidadeCrescimentoModerno e neutro em termos de género
O azul-petróleo toma emprestado aos dois progenitores e acaba com um carácter próprio.

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

Os azuis-petróleo claros parecem leves e clínicos, os escuros parecem ricos e silenciosos, e o empoeirado lembra interiores e artesanato.
  • Espuma do mar e petróleo água: frescura, spa, verão, simpatia.
  • Petróleo vivo: energia e otimismo com um toque técnico; bom para apps e dashboards.
  • Petróleo profundo e escuro: confiança, profundidade e luxo; uma forte alternativa ao azul-marinho.
  • Petróleo empoeirado: calma, vintage e feito à mão; funciona para artigos de casa, cerâmica e cafés.

Porque as marcas adoram o azul-petróleo

O azul-petróleo resolve um problema comum de branding. O azul é a escolha segura para tudo o que envolve dinheiro, saúde ou dados, por isso muitos concorrentes já o usam. O azul-petróleo mantém grande parte da credibilidade do azul e acrescenta uma sensação de cuidado e frescura, que é exatamente o tom que uma clínica, uma app de reformas ou um serviço de bem-estar querem. Também está livre da forte codificação de género que o rosa e alguns azuis trazem.

Há sítios onde o azul-petróleo é menos adequado. Se toda a tua categoria já pende para o azul-petróleo, como acontece em alguns mercados de bem-estar e dentários, deixa de ser distintivo e precisas de um segundo elemento de assinatura. Um azul-petróleo muito vivo também pode parecer jovem e tecnológico, o que pode destoar num escritório de advogados tradicional ou numa agência funerária. Nesses casos, um tom empoeirado ou muito escuro mantém a calma sem o ar de startup. Como escolher as cores da marca tem um método mais completo.

Riverside Clinic
Consultas no próprio dia.
Marca online, atendido por um médico hoje
Gradiently · @gradiently

Azul-petróleo para uma clínica: calmo, limpo e de confiança, sem o frio do azul de hospital.

Novo na app
As tuas poupanças, de relance.
Cada conta, numa só vista
Gradiently · @gradiently

Um azul-petróleo escuro para uma app de dinheiro: credível como um banco, mas mais quente e moderno.

Como construir uma marca à volta do azul-petróleo

  1. 1

    Decide quão claro ou escuro

    Os azuis-petróleo claros parecem abertos e simpáticos; os escuros parecem estabelecidos. Escolhe um azul-petróleo principal e anota o hex, para todos os ficheiros usarem exatamente a mesma cor.

  2. 2

    Dá-lhe uma cor de texto

    Verifica que tinta se lê no teu azul-petróleo principal. Os azuis-petróleo vivos pedem letra quase preta; os escuros aceitam branco.

  3. 3

    Junta um acento quente

    Um coral, laranja ou dourado em pequenas doses evita que a paleta pareça clínica. Guarda-o para botões, preços ou uma só forma.

  4. 4

    Testa-o cedo em impressão

    Os azuis-petróleo muito vivos no ecrã podem imprimir-se visivelmente mais baços. Pede uma prova antes de encomendares embalagens ou sinalética; RGB vs CMYK explica porquê.

  5. 5

    Leva-o para os fundos

    Os posts e slides são onde as pessoas mais veem uma marca. Um fundo azul-petróleo coerente nesses suportes faz mais pelo reconhecimento do que o logótipo sozinho.

Cores que combinam com azul-petróleo

O complementar do azul-petróleo está na gama do laranja e do coral, por isso os acentos quentes fazem-no brilhar. Essa oposição está também por trás da conhecida gradação de cor de azul-petróleo e laranja no cinema, onde sombras frias realçam a pele quente. Para paletas mais calmas, mantém o azul-petróleo com os seus vizinhos, azul-marinho e verde-salva, como em cores análogas.

O azul-petróleo com os seus complementares quentes e com os seus próprios tons mais escuros. Mais em gradientes azul-petróleo.

Evitar

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

Fazer

  • Texto quase preto em azul-petróleo vivo, cerca de 8:1
  • Texto branco em azul-petróleo escuro #0f766e, cerca de 5,5:1
  • Misturar o azul-petróleo através de azul-marinho ou verde, não atravessando o círculo

Verifica os teus pares com o método de contraste de cor e acessibilidade e vê gradientes turquesa se quiseres uma versão mais viva e solar da mesma família. Quando quiseres um visual azul-petróleo só teu, procura no Mercado do Gradiently por “deep teal”: cada Mark tem um dono de cada vez e mantém o teu texto legível enquanto se move.

Encontra um gradiente só teu

Explora milhares de Marks, cria designs com qualquer um deles gratuitamente e reserva o que parece contigo.

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, juntamente com a renovação, a saúde e o equilíbrio do verde. Parece fresco e moderno, mas continua sério.

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

A cor CSS com nome teal é #008080. As marcas usam muitas vezes versões mais claras ou mais escuras, como #14b8a6 ou #0f766e.

O azul-petróleo é azul ou verde?

Os dois. É um verde-azulado, feito no ecrã com partes iguais de luz verde e azul e sem vermelho.

Que cor combina melhor com azul-petróleo?

O laranja e o coral são os seus complementares e fazem-no brilhar. Azul-marinho, verde-salva, 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 usam-no como alternativa mais quente e distintiva ao azul-marinho.

Partilhar este guia

Escrito pela GradientlyConta Gradiently verificada

A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.

Ver o 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 dizPorque as marcas adoram o azul-petróleoComo construir uma marca à volta do azul-petróleoCores que combinam com azul-petróleo

Partilhar este guia

A seguir em Cor

Cores complementares divididas: contraste com menos choque

Continua a ler

Todos os guias de Cor
Cor

Gradiente 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, esperto e invulgarmente fácil de misturar. Desce 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á-lhe um fundo escuro, uma margem quente e um pouco de luz, e passa a ser o mar de uma ilha. Aqui fica como, com 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 logótipos no teu telemóvel. Eis o que sinaliza, como o azul-marinho, o cobalto e o azul-céu diferem, o que significa entre culturas e como o usar sem desaparecer.

Encontra o visual que é só teu.

Cada Mark é um fundo vivo com um só dono. Experimenta um Mark ainda disponível e reserva o teu quando te parecer certo.

Começar a criar

Verificar um certificado

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

Funciona com o ChatGPT e o Claude

Pede um design à tua IA. Ela cria-o no teu Mark, pronto a editar.

ChatGPTClaude
Como ligar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia Prático
  • Centro de ajuda
  • Novidades

Programadores

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

Empresa

  • Sobre nós
  • Contactos
  • Iniciar sessão

Legal

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção de Marks
  • Cookies
  • Todas as políticas
Passa pelas letras. Cada uma veste um Mark real.Toca numa letra para veres o seu Mark.Um nome. Dez Marks lá dentro.
© 2026 Gradiently