Paletas de Cores Azul Escuro e Verde: 20 Combinações com Códigos Hex

O azul-petróleo escuro fica exatamente entre o navy e o teal, transmitindo tanto confiança quanto frescor ao mesmo tempo. É preferência em interfaces modernas, marcas premium e interiores que querem profundidade sem chegar ao preto.

Abaixo estão 20 paletas de azul-petróleo escuro cuidadosamente selecionadas com códigos HEX, além de dicas práticas de combinação e ideias reais que você pode aplicar em sites, embalagens e ambientes.

Por que as paletas de azul-petróleo escuro funcionam tão bem

As paletas de azul-petróleo escuro têm uma base sólida como o navy, mas também carregam a calma natural do verde. Essa mistura as torna versáteis: sérias o suficiente para finanças e tecnologia, mas acessíveis para bem-estar, hotelaria e marcas de lifestyle.

Elas também criam sistemas de contraste fortes. Azuis-petróleo profundos podem ancorar navegação, cabeçalhos e tipografia, enquanto tons claros de vidro-do-mar e brancos quentes mantêm os layouts legíveis e modernos.

Por fim, o azul-petróleo escuro tem aparência “premium” tanto no digital quanto no impresso. Ele fica lindo com neutros suaves, metais acetinados e pastéis apagados, trazendo profundidade sem dureza.

20+ ideias de paletas de azul-petróleo escuro (com códigos HEX)

1) Algas da meia-noite

HEX: #061A1F #0B2C35 #0F4C5C #9FB7B6 #F2EFEA

Clima: sombrio, sofisticado, oceânico

Melhor para: dashboard de finanças UI

Sombrio e profundo como o oceano, esses tons lembram florestas de algas sob a luz do luar. Use o quase preto e o teal profundo para navegação e painéis de dados, depois aumente a leitura com fundos claros. Combine com divisórias brancas finas e detalhes teal suaves para manter os gráficos nítidos. Dica: reserve o tom mais claro para estados vazios e tooltips, para que a interface respire.

Exemplo de imagem de algas da meia-noite gerado pelo media.io

Media.io

Media.io é um estúdio online de IA para criar e editar vídeo, imagem e áudio no seu navegador.

Experimente Grátis Agora

2) Neblina do porto

HEX: #0D2B33 #1D5B67 #2F8A8A #BFD6D2 #FFF6EE

Clima: calmo, arejado, costeiro

Melhor para: identidade de marca de spa

Calmo e nebuloso como a névoa matinal no porto, essa combinação é fresca sem ser fria. Os teals médios funcionam bem para logos e marcas secundárias, enquanto o cinza-verde neblina suaviza fundos. Combine com texturas de papel branco quente e arte minimalista para um visual premium e silencioso. Dica: deixe o teal mais brilhante para destaques de chamada para ação, garantindo que a marca permaneça serena.

Exemplo de imagem de neblina do porto gerado pelo media.io

3) Fiorde alpino

HEX: #081B2A #0E3A4A #1D6A7A #7FA6A0 #E7E2D6

Clima: nítido, ao ar livre, refinado

Melhor para: site de equipamentos outdoor

Nítido e revigorante, evoca um fiorde em altitude com água azul-aço e sombras de sempre-verdes. Essa paleta é ideal para cabeçalhos hero, seções de produtos e especificações técnicas onde o contraste importa. Combine com neutros de areia para manter a página acolhedora, e use o verde-cinza suave para blocos de texto secundários. Dica: aplique o tom mais escuro para navegação fixa e o teal médio para estados de hover em uma UI confiante ao ar livre.

Exemplo de imagem de fiorde alpino gerado pelo media.io

4) Pinheiro entintado

HEX: #07151C #0A2830 #0F5563 #2A9D8F #F3F1EA

Clima: arrojado, moderno, energético

Melhor para: landing page de startup tech

Arrojado e entintado, esses tons lembram agulhas de pinheiro mergulhadas em tinta da meia-noite. O teal brilhante agrega energia sem ser neon, tornando-o forte para botões e números-chave. Combine com fundo branco quente e espaços em branco para manter o tom premium. Dica: limite o teal de destaque a uma ação primária por seção para um caminho de conversão mais limpo.

Exemplo de imagem de pinheiro entintado gerado pelo media.io

5) Lagoa profunda

HEX: #04161C #063D44 #0B6E6B #7CC6B2 #F7E9D0

Clima: tropical, exuberante, convidativo

Melhor para: design de menu de restaurante

Exuberante e tropical, lembra uma lagoa tranquila com luz do sol tocando água rasa. Use os tons mais escuros para cabeçalhos de seção e bordas, e deixe o verde espuma do mar iluminar preços e destaques. Combine com pergaminho quente e textura sutil para sensação artesanal. Dica: adicione pequenos ícones botânicos em teal médio para interligar categorias.

Exemplo de imagem de lagoa profunda gerado pelo media.io

6) Náutico vintage

HEX: #0B1F2A #124A5A #1E7A8A #D2C3A5 #F6F2E8

Clima: clássico, tradicional, marítimo

Melhor para: embalagem de rótulo de whiskey

Clássico e tradicional, lembra tinta de barco envelhecida e lona gasta. Essas combinações de azul-petróleo brilham em rótulos que querem tradição com toque moderno. Combine com papel branco, detalhes em relevo e um toque de areia quente para ecoar mapas náuticos antigos. Dica: mantenha a tipografia no quase preto e use o teal médio em filigranas e bordas.

Exemplo de imagem de náutico vintage gerado pelo media.io

7) Conservatório chuvoso

HEX: #0A1C22 #163B44 #2E6F73 #A8B9A6 #ECE7DA

Clima: suave, botânico, aconchegante

Melhor para: conjunto de ilustrações botânicas

Suave e botânica, sugere gotas de chuva sobre vidro de estufa e folhas úmidas. O sálvia apagado mantém a paleta leve, enquanto os teals profundos dão estrutura a hastes e folhas sombreadas. Combine com papel creme quente e textura de lápis clara para acabamento natural e calmo. Dica: use o tom mais escuro com parcimônia em áreas de sombra para preservar o estilo aquarela.

Exemplo de imagem de conservatório chuvoso gerado pelo media.io

8) Biblioteca nórdica

HEX: #091A20 #14323D #2E5E6B #C8D0CB #F1EEE6

Clima: silencioso, acadêmico, minimalista

Melhor para: página editorial de revista

Silencioso e acadêmico, esses tons lembram uma sala de leitura nórdica com paredes de ardósia e luz suave. Os médios azul-petróleo são perfeitos para aspas e marcadores de seção sem distrair do texto. Combine com margens brancas, headlines em serifas controladas e linhas finas para ritmo editorial moderno. Dica: use o cinza-verde como fundo suave para barras laterais e notas de rodapé.

Exemplo de imagem de biblioteca nórdica gerado pelo media.io

9) Veludo vidro-do-mar

HEX: #071D24 #0D3F4A #1B7C86 #79C7C7 #FAEBD7

Clima: fresco, sedoso, inspirador

Melhor para: anúncio de produto de cuidados com a pele

Fresco e sedoso, combina o brilho de vidro-do-mar sobre base de veludo escuro. O aqua mais claro é perfeito para destacar ingredientes e benefícios, enquanto o teal escuro mantém o anúncio premium. Combine com bege quente para valorizar tons de pele e evitar aparência estéril. Dica: use um gradiente de teal escuro para aqua atrás do produto para dar profundidade sem poluir o visual.

Exemplo de imagem de veludo vidro do mar gerada usando media.io

10) Jardim Noturno

HEX: #05171A #0B2E36 #145E63 #3FA58B #F2F0E6

Clima: misterioso, elegante, orgânico

Melhor para: conjunto de convite de casamento

Misterioso e elegante, transmite a sensação de uma cerimônia no jardim após o anoitecer com luzes de lanternas nas folhas. Use o tom mais escuro para nomes e títulos, trazendo depois o verde-azulado para monogramas ou linhas florais. Combine com papel marfim quente e detalhes sutis em foil para um toque romântico. Dica: mantenha o tom de destaque em um ou dois elementos por cartão para que o conjunto permaneça atemporal.

Exemplo de imagem de jardim noturno gerada usando media.io

11) Marina Tempestuosa

HEX: #071821 #0F3542 #1C5D6B #8BA9A5 #E9E1D2

Clima: dramático, estável, sofisticado

Melhor para: relatório anual corporativo

Dramático porém estável, lembra uma tempestade atravessando uma marina e se acalmando. Os tons azul-esverdeados trazem confiança para gráficos e divisórias, enquanto o neutro quente evita que o layout fique frio. Combine com fontes sem serifa limpas e bastante espaçamento para um tom corporativo moderno. Dica: atribua um tom de verde-azulado para séries de dados e mantenha o resto monocromático para clareza.

Exemplo de imagem de marina tempestuosa gerada usando media.io

12) Abismo Esmeralda

HEX: #041316 #08323B #0A5A5E #0FA37F #F7F3E8

Clima: luxo, alto contraste, ousado

Melhor para: onboarding de app premium

Luxuoso e de alto contraste, sugere um brilho de esmeralda emergindo das águas profundas. O verde intenso funciona como destaque para indicadores de progresso e ações-chave, enquanto a base escura evidencia o texto. Combine com telas branco-quente para evitar fadiga e manter a experiência amigável. Dica: use o tom vibrante para um único destaque em cada tela do onboarding para guiar a atenção.

Exemplo de imagem de abismo esmeralda gerada usando media.io

13) Eucalipto Ardósia

HEX: #0B1C1F #17383E #2F6B70 #98B2A6 #EFE4D4

Clima: sólido, natural, moderno

Melhor para: decoração de sala de estar

Sólido e natural, lembra folhas de eucalipto sobre pedra ardósia. Use o azul-petróleo escuro em paredes de destaque ou armários planejados, suavizando com têxteis bege quentes e madeira clara. Combine acessórios em latão escovado para aquecer sem sobrecarregar os tons frios. Dica: repita o verde sálvia suave em almofadas e quadros para que o ambiente pareça intencional e não temático.

Exemplo de imagem de eucalipto ardósia gerada usando media.io

14) Azul Litoral Técnico

HEX: #061C24 #0B3B4A #136A7A #4CB6B6 #F5F0E6

Clima: limpo, estruturado, contemporâneo

Melhor para: UI de página de preços SaaS

Limpo e estruturado, lembra uma planta costeira com linhas precisas e tinta oceano. Os tons mais escuros são perfeitos para cabeçalhos e bordas dos cartões de preço, enquanto o aqua traz energia para selos e botões. Combine com base off-white quente e sombras sutis para uma sensação confiável de SaaS. Dica: use o aqua apenas para o plano recomendado, facilitando a decisão.

Exemplo de imagem de azul litoral técnico gerada usando media.io

15) Sombra de Pavão

HEX: #07141B #0F2E3C #14586D #2D8FA3 #EAD9C3

Clima: artístico, confiante, levemente retrô

Melhor para: pôster de evento em galeria

Artístico e confiante, lembra uma pena de pavão vista na penumbra. Essa paleta azul-verde escura funciona lindamente em pôsteres tipográficos ousados onde se busca drama sem preto puro. Combine com fundo bege quente e fonte sans serif grande para um clima contemporâneo de galeria. Dica: use o teal mais vibrante em um elemento focal, como data ou local, para controlar a hierarquia.

Exemplo de imagem de sombra de pavão gerada usando media.io

16) Denim Floresta Profunda

HEX: #06161E #0D2F3A #1E5C5E #6F9C8E #F4EDE1

Clima: robusto, relaxado, ao ar livre

Melhor para: lookbook de streetwear

Robusto e relaxado, sugere sombra de floresta misturada com denim gasto. Use os tons mais escuros em páginas e legendas, recorrendo ao verde suave para fundos secundários e blocos gráficos. Combine com off-white e grades simples para manter o lookbook limpo. Dica: adicione uma faixa neutra quente a cada poucas páginas para quebrar a sequência fria.

Exemplo de imagem de denim floresta profunda gerada usando media.io

17) Azul-Museu

HEX: #071A1E #0E3A43 #1C6B73 #B7C6BF #F2E7D6

Clima: curado, tranquilo, sofisticado

Melhor para: sinalização de exposições de museu

Cuidadosamente curado e tranquilo, lembra paredes de galeria, pátina e iluminação suave. O teal médio é forte para sinalização direcional e codificação de áreas, enquanto o cinza-esverdeado claro acalma os fundos. Combine com bege quente e ícones claros para facilitar a navegação dos visitantes. Dica: teste o contraste à distância e reserve o tom mais escuro para etiquetas importantes.

Exemplo de imagem de azul-museu gerada usando media.io

18) Espruce Ártico

HEX: #06161A #0B2B33 #16505A #4E7E7B #E6E9E4

Clima: frio, minimalista, leve

Melhor para: UI de app de saúde

Frio e respirável, lembra agulhas de pinheiro contra a luz do inverno pálida. Use o teal quase-preto para texto principal e títulos, depois o teal suave para gráficos e indicadores de progresso. Combine com off-white gelado como base para um UI limpo e tranquilo. Dica: mantenha baixa saturação em elementos secundários para que métricas de saúde sejam as protagonistas.

Exemplo de imagem de espruce ártico gerada usando media.io

19) Argila Junípero Azul

HEX: #071822 #0E3444 #215D6F #A7A39A #F1E4CF

Clima: terroso, moderno, equilibrado

Melhor para: embalagem de produto cerâmico

Terroso e moderno, combina o profundo azul-junípero com o calor da argila. Estas combinações azul-verde escuras ficam ótimas em caixas foscas ou envoltas por etiquetas onde a textura faz diferença. Combine com papel kraft natural, tipografia discreta e pequena marca teal sugerindo alto padrão. Dica: mantenha o bege quente como elemento principal e utilize teal intenso em blocos de marca e selos.

Exemplo de imagem de argila junípero azul gerada usando media.io

20) Eclipse Botânico

HEX: #041216 #092A34 #0E4B5A #2C7F7A #F8F1E3

Clima: misterioso, natural, cinematográfico

Melhor para: design de capa de livro

Misterioso e cinematográfico, remete a um eclipse sobre um jardim botânico. A base escura sustenta títulos ousados, enquanto os teals suaves servem para folhas ilustradas ou gradientes sutis. Combine com creme quente para garantir leitura fácil, mesmo em miniaturas e impressos. Dica: use um detalhe teal de alto contraste apenas no título para criar foco visual forte.

Exemplo de imagem de eclipse botânico gerada usando media.io

Quais cores combinam bem com azul-petróleo escuro?

Os neutros quentes são a aposta mais fácil: marfim, creme, areia e pergaminho suavizam o azul-verde escuro e proporcionam aparência mais premium. Também melhoram a legibilidade em UI ao manter contraste alto sem o impacto do branco puro.

Para cores de destaque, experimente coral suave, terracota, cobre ou rosado para adicionar calor e atmosfera humana. Se quiser um visual moderno e limpo, combine azul-verde escuro com aqua claro, verdes acinzentados ou brancos frios para criar sensação costeira.

Para realces fortes, use mostarda ou tons dourados com moderação — apenas o suficiente para destacar botões, selos ou dados-chave — mantendo a paleta sofisticada sem exagerar.

Como usar uma paleta de azul-petróleo escuro em projetos reais

Na identidade visual, utilize azul-verde escuro como cor principal de “confiança” (logos, títulos, embalagens), adicionando um teal mais claro para elementos de apoio como ícones e marcas secundárias. Mantenha o neutro aquecido como fundo predominante para evitar peso visual excessivo.

No design UI, tons azul-verde escuros são ótimos para barras de navegação, dashboards e modos escuros porque reduzem o ofuscamento se comparados ao preto puro. Defina um teal vibrante (ou esmeralda) como cor interativa consistente para CTAs, botões e estados ativos.

Na decoração, trate o azul-verde escuro como um navy moderno: ótimo para parede de destaque, armários ou azulejos. Equilibre com madeira clara, tecidos quentes e um pouco de latão ou pedra aquecida para manter o espaço acolhedor.

Crie visuais de paletas azul-petróleo escuras com IA

Se quiser ver essas paletas no contexto, gere mockups rápidos — como landing pages, pôsteres, anúncios de produtos ou ambientes — usando prompts de texto. Isso ajuda a validar contraste, clima e hierarquia antes de finalizar os materiais do design.

Com a ferramenta de texto para imagem do Media.io, você pode iterar rapidamente: trocar fundos, ajustar iluminação ou testar locais para destaques mantendo o azul-verde escuro como base. É especialmente útil quando precisa de várias propostas para clientes ou testes A/B.

Próximo: Paleta de Cores Amarelo Mostarda