23 Combinações de Cores: Azul, Verde Escuro, Hex e Inspiração de Design AI

Uma paleta de cores azul e verde escuro combina a estabilidade dos azuis profundos com a calma terrosa dos verdes de floresta. O resultado é um visual sóbrio e sofisticado que funciona em branding, interfaces, pôsteres e embalagens.

Veja abaixo mais de 20 ideias de paletas de azul com verde escuro prontas para uso com códigos HEX, além de prompts para IA que você pode copiar para criar visuais combinando rapidamente.

Por Que Paletas Azul e Verde Escuro Funcionam Tão Bem

O azul transmite clareza e confiança, enquanto o verde escuro traz um toque natural e estável. Juntos, passam segurança sem serem chamativos, por isso são populares em interfaces, tecnologia, finanças e marcas ao ar livre.

Essa combinação também lida bem com contraste: o azul marinho pode ancorar tipografia e títulos, e o verde escuro pode definir estados (hover, sucesso, navegação) sem criar vibes “de alerta” como tons de vermelho brilhante.

Por fim, esquemas azul-verde-escuro combinam facilmente com neutros — cinzas frios para interfaces modernas ou cremes quentes para impressão — permitindo que seus designs mudem do minimalista ao sofisticado trocando só o fundo.

20+ Ideias de Paleta de Cores Azul com Verde Escuro (com Códigos HEX)

1) Alga Marinha Noturna

HEX: #071a2f #0b3b2e #0f5b6b #2a4f7a #d7e3ee

Clima: sóbrio, costeiro, refinado

Melhor para: UI de dashboard SaaS

Tons costeiros sóbrios como água noturna e florestas de algas criam um clima calmo e sofisticado. Use o azul marinho nos títulos, o verde escuro para estados de navegação e o teal em pequenos destaques. Combine com fundos cinza claro frio para alta legibilidade. Dica: reserve o teal para ícones ativos e botões principais, para que a interface pareça intencional.

Exemplo de imagem de alga marinha noturna gerada com media.io

Media.io

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

Experimente Agora Grátis

2) Biblioteca do Mar Profundo

HEX: #0a1633 #103a33 #1f6a7a #4f6f8a #f2f6f8

Clima: silencioso, acadêmico, elegante

Melhor para: layout de revista editorial

Silenciosos e eruditos, esses tons lembram uma sala de leitura noturna à beira-mar. Azul marinho e verde escuro criam títulos marcantes, enquanto o azul ardósia mais suave serve para o texto e citações. Use bastante espaço em branco para manter a paleta leve. Dica: use teal com parcimônia para seções ou números de página, ajudando na navegação.

Exemplo de imagem de biblioteca do mar profundo gerada com media.io

3) Porto Tempestuoso

HEX: #0b203f #0e3f35 #2d6f85 #7c94a6 #e6edf2

Clima: dramático, moderno, confiante

Melhor para: sistema de identidade visual

Os tons dramáticos de porto e verdes profundos trazem a energia do vento, aço e água do mar. Como paleta azul-verde-escuro, passa confiabilidade para tecnologia, finanças ou marcas outdoor sem ficar fria. Combine tons escuros com cinzas claros para logos e tipografia destacados. Dica: faça do cinza claro seu fundo principal e deixe o marinho brilhar nos títulos.

Exemplo de imagem de porto tempestuoso gerada com media.io

4) Pinheiro Ártico

HEX: #0a1f3a #0c4a3a #2b7a8a #8fb3c7 #f4fbff

Clima: fresco, natural, limpo

Melhor para: seção de destaque em site de viagem

Fresca e natural, evoca ar nevado contrapondo com pinheiro escuro e montes azulados ao longe. Use o tom gelo claro como fundo espaçoso, azul marinho em títulos e verde escuro em botões. Um toque de teal deixa o visual vivo sem perder calma. Dica: aplique gradientes suaves apenas entre as duas cores mais claras para evitar confusão visual.

Exemplo de imagem de pinheiro ártico gerada com media.io

5) Tinta e Zimbro

HEX: #08152a #123c2f #165f6c #3c5876 #d9d5cd

Clima: clássico, botânico, discreto

Melhor para: embalagem de cosmético de luxo

Clássica e botânica, lembra esboços a tinta sobre ramos de zimbro. O off-white quente suaviza os tons escuros, deixando a embalagem sofisticada e não pesada. Combine com acabamento fosco e tipografia minimalista para destacar na prateleira. Dica: mantenha o teal para pequenos selos ou destaque de ingredientes para um rótulo elegante.

Exemplo de imagem de tinta e zimbro gerada com media.io

6) Denim Luzes do Norte

HEX: #0c2140 #0f4b3a #1f7785 #4c86b5 #eaf1f6

Clima: energizado, nítido, contemporâneo

Melhor para: anúncio de produto esportivo

Nítida e energizada, remete à luz da aurora sobre sempre-verdes escuros e jeans usado. Use o azul forte como fundo principal, com verde nos destaques do produto e teal nas linhas de movimento. Mantenha o texto quase branco para contraste e leitura. Dica: adicione um gradiente de azul jeans para teal para criar profundidade sem poluir com mais cores.

Exemplo de imagem de denim luzes do norte gerada com media.io

7) Ardósia Oceânica

HEX: #0a1d33 #0d3f34 #2a6a78 #6e8796 #f0f3f5

Clima: minimalista, sóbrio, profissional

Melhor para: apresentações corporativas

Minimalista e sóbria, lembra rochas ardósia ao lado de água profunda. Use azul ardósia nos gráficos e divisores, marinho nos títulos e verde escuro nos números principais. Fundo claro mantém os slides limpos e formais. Dica: limite cada slide a dois tons dominantes mais um destaque para evitar poluição visual.

Exemplo de imagem de ardósia oceânica gerada com media.io

8) Sempre-Verde Náutico

HEX: #061a36 #0a4636 #0f6375 #3e6f9c #fff4e6

Clima: náutico, marcante, acolhedor

Melhor para: design de menu de restaurante

Náutica e acolhedora, lembra corda, vidro do mar e uma costa sempre-verde. Essa paleta funciona lindamente em cardápios, trazendo sofisticação sem formalidade. Combine tons escuros com papel creme quente e tipografia serifada simples. Dica: use teal nos títulos de seções para fácil navegação dos clientes.

Exemplo de imagem de sempre-verde náutico gerada com media.io

9) Crepúsculo Alpino

HEX: #0d1b3a #114336 #2b5f86 #6aa1a9 #e9efe8

Clima:sereno, aventureiro, equilibrado

Melhor para:cartaz de evento ao ar livre

Sereno como o anoitecer sobre lagos alpinos, a combinação equilibra azuis frios com verde floresta profundo. Use azul-marinho para o título do cartaz e deixe o fundo menta-cinza claro garantir boa leitura à distância. Verde-azulado funciona bem para datas, selos de localização e pequenos ícones. Dica: adicione uma silhueta simples de montanha em dois tons usando as duas cores mais escuras para um tema instantâneo.

Exemplo de imagem de anoitecer alpino gerada com media.io

10) Musgo Marinho

HEX:#091a2e #0f3e2f #1a6c79 #5e7fa7 #dfe7e3

Clima:natural, calmo, restaurador

Melhor para:UI de app de bem-estar

Natural e restaurador, lembra musgo marinho balançando sob águas claras. Use o cinza-esverdeado claro como base e traga o azul-marinho para textos, mantendo boa acessibilidade. Verde-azulado para anéis de progresso e destaques suaves, enquanto azul lavado apoia cartões secundários. Dica: mantenha animações lentas e sutis para transmitir calma, não esportividade.

Exemplo de imagem de musgo marinho gerada com media.io

11) Floresta Petróleo

HEX:#0b2036 #0b4a39 #1e6f7d #2f4f6f #c9d1d9

Clima:industrial, forte, moderno

Melhor para:landing page de produto

Forte e industrial, sugere metal azul petróleo com toque de floresta profunda. Use os tons mais escuros para o cabeçalho e rodapé, liberando as áreas de conteúdo com cinza claro fresco. Verde-azulado destaca links e recursos. Dica: adicione ícones de linhas sutis em azul-ardósia para manter a página informativa sem poluição visual.

Exemplo de imagem de floresta petróleo gerada com media.io

12) Parque da Cidade Chuvosa

HEX:#0a2039 #0f3b31 #2b6273 #86a3b1 #f5f7f6

Clima:suave, urbano, introspectivo

Melhor para:design de capa de livro

Suave e introspectivo, evoca calçadas molhadas e pinheiros em um parque urbano. Use azul-marinho para o título para chamar atenção, enquanto o azul-cinza enevoado pode compor os blocos de fundo. Verde escuro adiciona um detalhe sólido ao nome do autor ou motivos pequenos. Dica: mantenha texturas delicadas, como um granulado fino, para o visual moderno.

Exemplo de imagem de parque da cidade chuvosa gerada com media.io

13) Estudo Verde-azulado Vintage

HEX:#0b1a34 #124236 #1b6a72 #6f8b7e #f1e6d6

Clima:vintage, aconchegante, intelectual

Melhor para:kit de marca para café

Vintage e acolhedor, lembra um escritório verde-azulado com cadernos usados e papel quente. O bege cremoso suaviza os tons frios, ótimo para logos, rótulos e pequenas sinalizações. Combine com tipografia clássica serifada e ilustrações de linha simples em azul-marinho. Dica: use verde escuro para carimbos ou selos para dar um toque artesanal.

Exemplo de imagem de estudo verde-azulado vintage gerada com media.io

14) Mármore da Lagoa Profunda

HEX:#071b33 #0c4537 #1a7a88 #3d6a8f #e8ecef

Clima:luxuoso, frio, polido

Melhor para:embalagem de produto de joias

Luxuoso e frio, remete ao mármore da lagoa profunda com bordas nítidas e polidas. Use cinza claro como base da caixa e traga azul-marinho para o logo para impressão precisa. Verde escuro adiciona riqueza, enquanto o verde-azulado é perfeito para detalhes metálicos ou padrões internos de papel de seda. Dica: mantenha os acabamentos consistentes, como fosco do lado de fora com um toque de cor brilhante.

Exemplo de imagem de mármore da lagoa profunda gerada com media.io

15) Maré Cósmica

HEX:#08122d #0d3c33 #136d8a #3b5aa6 #d9e6ff

Clima:futurista, vívido, profundo

Melhor para:flyer de festival de música

Futurista e profundo, lembra uma maré cósmica se movendo sob o luar. Estas combinações de azul e verde escuro brilham em flyers quando você aumenta o contraste com tons claros e gelados. Combine com tipografia ousada sem serifa e formas geométricas simples em azul cobalto para energia. Dica: mantenha o fundo majoritariamente azul-marinho para destacar os toques de verde-azulado e gelo à distância.

Exemplo de imagem de maré cósmica gerada com media.io

16) Plano Esmeralda

HEX:#0b1f3a #0e4a3b #0f6f7a #5b86a6 #f6fbff

Clima:preciso, tecnológico, confiável

Melhor para:onboarding de app fintech

Preciso e tecnológico, lembra um blueprint desenhado em tons marítimos. Use o tom mais claro para telas de onboarding transmitirem acessibilidade e destaque os passos principais com títulos em azul-marinho. Verde esmeralda pode indicar estados de sucesso, enquanto verde-azulado destaca elementos interativos. Dica: use ícones de cor única para manter a clareza técnica do blueprint.

Exemplo de imagem de plano esmeralda gerada com media.io

17) Seagrass Noir

HEX:#050f1f #0b3228 #145b66 #2f4b63 #cfd6d2

Clima:escuro, cinematográfico, estiloso

Melhor para:cartaz de filme

Escuro e cinematográfico, lembra silhuetas de ervas-marinhas contra água quase preta. Use azul-marinho quase preto como fundo e mantenha a tipografia em cinza claro pela legibilidade. Verde-azulado e verde profundo são ideais como detalhes de brilho ou formas gráficas pequenas. Dica: utilize grande espaço negativo para um visual intencional e sofisticado.

Exemplo de imagem de seagrass noir gerada com media.io

18) Veludo de Picea Azul

HEX:#0a1e3c #0f3f34 #1f6f8b #3f6b85 #efe8de

Clima:aconchegante, invernal, sofisticado

Melhor para:conjunto de convite de casamento

Aconchegante e invernal, lembra veludo azul combinado com galhos de picea. O marfim quente mantém o convite romântico, enquanto azul-marinho e verde profundo garantem formalidade. Verde-azulado pode ser usado em bordas ou monogramas sutis sem roubar a atenção. Dica: aposte em detalhes letterpress ou em relevo no tom mais escuro para um toque tátil especial.

Exemplo de imagem de veludo de picea azul gerada com media.io

19) Névoa do Porto

HEX:#0b1d36 #103e33 #2c6d7f #9db0bf #fbfcfd

Clima:arejado, calmo, moderno

Melhor para:UI de site portfólio

Arejado e calmo, captura a neblina sobre um porto tranquilo. Construa a página em branco ou azul-cinza claro, usando azul-marinho para títulos e verde escuro para estados de hover. Verde-azulado serve como pequeno destaque para links ou tags. Dica: mantenha imagens dessaturadas para harmonizar com os tons de névoa.

Exemplo de imagem de névoa do porto gerada com media.io

20) Botânica Aqua Escura

HEX:#0a1b35 #0b4532 #167a86 #5e90a2 #e7f2ea

Clima:exuberante, fresco, calmante

Melhor para:ilustração botânica em aquarela

Exuberante e calmante, evoca sombras aqua escuras sob folhas brilhantes. Esta paleta de azul e verde escuro é ideal para trabalho botânico com profundidade sem recorrer ao preto total. Utilize o azul-marinho mais profundo para contornos, verde para folhas e verde-azulado para lavagens de luz aquosa. Dica: reserve o menta claro como áreas sem tinta para um toque de leveza.

Exemplo de imagem de botânica aqua escura gerada com media.io

21) Oficina da Maré

HEX:#081c34 #0f3f33 #1c6b84 #477193 #e3e9ef

Clima:prático, criativo, focado

Melhor para:landing page de evento/oficina

Prático e focado, lembra uma oficina na maré com ferramentas arrumadas à beira d’água. As bases escuras estruturam cabeçalhos e navegação, enquanto o cinza claro facilita o preenchimento de formulários. Verde-azulado é um destaque forte para botões de inscrição e etapas importantes. Dica: use azul suave para cartões secundários e torne a chamada principal mais visível.

Exemplo de imagem de oficina da maré gerada com media.io

22) Bosque Safira

HEX:#0a1a3f #0c3e35 #1b6f7f #2f63b6 #e9f0ff

Clima:ousado, jovem, vibrante

Melhor para:design de carrossel para redes sociais

Ousado e jovem, mistura o impacto do safira com o verde base do bosque. Use azul vibrante nos slides de destaque e equilibre com azul-marinho e verde escuro nos textos. Verde-azulado funciona para ícones e divisores, mantendo o carrossel coeso. Dica: limite cada slide a uma cor principal com neutros para um ritmo limpo de navegação.

Exemplo de imagem de bosque safira gerada com media.io

23) Contraste Baía Sempre-verde

HEX:#081a30 #0a4a38 #0f6f82 #6c8fa8 #f7f8f4

Clima:nítido, de alto contraste, contemporâneo

Melhor para:ícone de app e tela splash

Nítido e contemporâneo, lembra penhascos sempre-verdes contra uma baía iluminada. Essas combinações de azul e verde-escuro criam um contraste de ícone forte quando você mantém as formas simples e as bordas limpas. Combine o azul-marinho mais escuro com o branco-quente no splash screen e adicione o teal como um pequeno brilho ou anel. Dica: evite degradês no próprio ícone; use-os apenas no fundo.

Exemplo de imagem do contraste “evergreen bay” gerado com o media.io

Quais Cores Combinam Bem com Azul e Verde Escuro?

Neutros são a combinação mais fácil: brancos frios, cinzas esfumaçados e tons de ardósia mantêm azul e verde-escuro modernos e legíveis. Para impressão, brancos-quentes e tons de creme tornam a paleta mais convidativa e premium.

Para detalhes, teal e azul-claro gelado trazem clareza sem quebrar o clima. Se quiser um acabamento mais sofisticado, metais como prata escovada (frio) ou ouro/brônze fosco (quente) elevam o azul-marinho e o verde-escuro.

Para evitar peso visual, mantenha uma cor “ar” (quase branca/cinza bem claro) como fundo principal e use as duas mais escuras para estrutura e textos.

Como Usar uma Paleta de Azul com Verde Escuro em Designs Reais

No design de interface, trate o azul-marinho como âncora tipográfica (títulos, cabeçalhos, principais áreas da UI) e o verde-escuro para estados (hover, selecionado, sucesso), assim as interações ficam coerentes. Reserve o teal para ações principais para manter o foco da interface.

Para branding, garanta que seu logo funcione em um tom escuro (azul-marinho ou quase preto) e um neutro claro. Depois, introduza o verde-escuro como cor de apoio na embalagem, padrões ou marcas secundárias.

Em pôsteres e gráficos sociais, aumente o contraste: fundo na maior parte azul-marinho, neutro claro para textos grandes e teal como cor “sinal” em datas, selos ou ícones.

Crie Visuais de Paleta Azul Verde Escuro com IA

Se você já tem códigos HEX, pode gerar mockups compatíveis descrevendo o layout (pôster, tela de app, embalagem) e indicando onde cada cor deve aparecer—fundo, título, botões, detalhes.

Para resultados consistentes, reutilize o mesmo padrão de prompt em toda a campanha, trocando apenas o assunto (menu, flyer, telas de onboarding). Assim, iluminação, espaçamento e estilo ficam coesos e sua paleta permanece fiel à marca.

Próximo: Paleta Camel