Paletas de Cores Azul, Verde e Cinza: 20 Inspirações com Códigos Hex

Uma paleta de cores azul-verde-cinza é a escolha ideal quando você deseja que seus designs transmitam calma, modernidade e facilidade de leitura. Ela combina a confiança do azul, o frescor do verde-água e o equilíbrio dos cinzas frios modernos.

Abaixo estão 20 opções prontas de paletas azul-verde-cinza com códigos HEX, além de dicas de combinação e uso prático em UI, branding, impressão e interiores.

Por que as paletas Azul-Verde-Cinza funcionam tão bem

Esquemas de cores azul-verde-cinza estão em uma zona “silenciosa” do espectro, então parecem modernos sem serem chamativos. Isso os torna perfeitos para interfaces, páginas corporativas e layouts editoriais onde a clareza é essencial.

O azul transmite confiança, o teal adiciona energia limpa, e o cinza cria estrutura para tipografia e espaçamento. Juntos, sustentam a hierarquia (títulos, botões, fundos) sem depender de contraste intenso.

Essas paletas também funcionam bem em telas e impressões. Com um equilíbrio certo de cinza, é possível manter o visual nítido em ambientes de UI claros ou suavizá-lo para interiores e produtos em papel.

20+ Ideias de Paletas de Cores Azul-Verde-Cinza (com códigos HEX)

1) Grafite à Beira-mar

HEX: #0b3a53 #1f7a75 #7aa6a6 #c7d1d6 #2b2f33

Clima: calmo e moderno

Melhor para: painel de análises UI

Calmo e moderno como um píer ventoso com água profunda e corrimãos de grafite. O azul escuro ancorar a navegação, enquanto tons teal e nevoados mantêm os gráficos legíveis sem brilho. combine com espaço em branco e um destaque quente (como âmbar) para alertas. Dica: reserve o quase preto grafite para títulos e números-chave para facilitar a leitura rápida.

Exemplo visual de grafite à beira-mar 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) Porto de Menta

HEX: #0f4c6e #2aa198 #bfe8de #d9dee2 #4a545c

Clima: fresco e acolhedor

Melhor para: identidade visual para marca de bem-estar

Fresco e acolhedor, como folhas de menta na água fria do porto num dia nublado. Esta paleta equilibra azul oceânico confiante com a leveza da menta, sustentada por cinzas suaves para tipografia. Combine com texturas naturais e papel não revestido para um toque premium suave. Dica: use o tom de menta como destaque (10–15%) para evitar visual esmaecido.

Exemplo visual de porto de menta gerado pelo media.io

3) Lagoa Ardósia

HEX: #123b5a #2f6f73 #5f8f9a #b8c2c9 #3b4248

Clima: estável e sofisticada

Melhor para: site corporativo

Estável e sofisticada, como uma lagoa tranquila cercada por penhascos de ardósia. O teal e azul médios sustentam forte hierarquia para títulos, botões e links, enquanto os cinzas frios garantem aspecto profissional às páginas. Combine com fotografia simples e ícones de linha fina para manter o ritmo limpo. Dica: use cinza mais claro como fundo das seções para estruturar conteúdos sem bordas pesadas.

Exemplo visual de lagoa ardósia gerado pelo media.io

4) Sálvia Ártica

HEX: #0e5675 #3aa6a1 #a8d5c8 #e3e8eb #6a747d

Clima: leve e relaxante

Melhor para: guia de paleta para interiores de spa

Leve e relaxante, como vapor de sálvia numa manhã azul ártica. Menta suave e cinza pálido criam base limpa para paredes e roupas de cama, enquanto azul profundo mantém sinalização clara. Combine com carvalho claro, níquel escovado e cerâmica branca fosca. Dica: repita o tom de sálvia em pequenos tecidos para unir o ambiente sem repintar.

Exemplo visual de sálvia ártica gerado pelo media.io

5) Algas Cobre

HEX: #0b2f4a #1f7f7a #8fb9b1 #cfd6da #8a5a3c

Clima: costeira e marcante

Melhor para: embalagem de produto para skincare

Costeira e marcante, como camas de algas sobre rochas com toque de cobre aquecido pelo sol. Teal e azul trazem sensação limpa e aquática, enquanto cobre-marrom adiciona calor humano próprio de cuidados pessoais. Combine com tipografia sem serifa minimalista e bastante espaço negativo para um visual moderno de prateleira. Dica: imprima cobre como foil ou tinta para realçar o toque premium.

Exemplo visual de algas cobre gerado pelo media.io

6) Passarela Chuvosa

HEX: #0d4860 #2b8a84 #6fa8a8 #d7dde0 #40464c

Clima: atmosférica e limpa

Melhor para: design de pôster de evento

Atmosférica e limpa, como tábuas molhadas refletindo luzes do porto após a chuva. Essas combinações de azul-verde-cinza são ótimas para pôsteres que pedem atmosfera sem perder legibilidade. Combine com tipografia condensada forte e formas geométricas simples para hierarquia instantânea. Dica: use o cinza médio no texto principal e reserve slate escuro para títulos e datas.

Exemplo visual de passarela chuvosa gerado pelo media.io

7) Fiorde Nebuloso

HEX: #12324b #2e6e8a #3c8f87 #b9c7cf #eef2f4

Clima: enevoado e amplo

Melhor para: editorial para revista

Enevoado e amplo, como um fiorde sumindo sob nuvem baixa. Cinza claro-branco abre layouts, enquanto azul e teal criam ritmo visual calmo em títulos e destaques. Combine com cabeçalhos serifados e fotos suavizadas para tom editorial premium. Dica: reserve teal como marcador de seção para tornar navegação intuitiva.

Exemplo visual de fiorde nebuloso gerado pelo media.io

8) Eucalipto Aço

HEX: #0f3d52 #2f7f77 #9bc2b6 #aab3bb #2f353a

Clima: prático e sereno

Melhor para: telas de onboarding SaaS

Prático e sereno, como folhas de eucalipto contra aço escovado. A mistura de azul profundo e teal garante CTAs claros, os cinzas frios mantêm formulários leves. Combine com componentes arredondados e bastante espaçamento para tom de produto amigável. Dica: use cinza aço para bordas de campos e azul escuro nos botões principais para evitar excesso de teal.

Exemplo visual de eucalipto aço gerado pelo media.io

9) Concreto Náutico

HEX: #0a2f45 #1c6d7c #3aa39b #c9cfd4 #5a646c

Clima: urbano e náutico

Melhor para: site portfólio de arquitetura

Urbano e náutico, como água azul ao lado de docas de concreto. Os neutros frios valorizam a fotografia, enquanto o teal dá destaque moderno para estados de hover e marcadores de seção. Combine com imagens preto-e-branco de projetos e grid minimalista. Dica: mantenha cinza concreto como fundo dominante para que teal seja intencional, não decorativo.

Exemplo de imagem de concreto náutico gerado usando media.io

10) Glacier Moss

HEX: #103e5b #2a7c8a #5aa78d #d5dde1 #6d7b82

Clima: nítido e natural

Melhor para: lookbook de marca outdoor

Nítido e natural, como a água de degelo glaciar passando por pedras cobertas de musgo. Este conjunto transmite aventura sem ser neon, tornando ideal para layouts limpos de lookbook e destaques de produto. Como uma paleta de cores azul-verde-cinza, combina especialmente bem com texturas recicladas, notas em papel kraft e fotografia outdoor de alto contraste. Dica de uso: coloque o verde-musgo em selos e ícones para guiar a atenção sem competir com as imagens.

Exemplo de imagem de glacier moss gerado usando media.io

11) Blue Spruce Office

HEX: #0c3b57 #1f6f86 #2f8f7e #b7c0c6 #2a2f34

Clima: focado e confiável

Melhor para: apresentação B2B

Focado e confiável, como agulhas de abeto azul em um escritório arrumado. Os tons escuros transmitem autoridade para títulos e gráficos, enquanto o cinza suave mantém os slides arejados. Combine com visualização de dados simples e bastante margem para transmitir confiança. Dica de uso: use teal para uma série de dados de forma consistente ao longo da apresentação para criar reconhecimento.

Exemplo de imagem de blue spruce office gerado usando media.io

12) Soft Tidepaper

HEX: #1a4862 #2f8b8b #a7cfc8 #f1f4f6 #7b8790

Clima: delicado e leve

Melhor para: conjunto de convite de casamento

Delicado e leve, como papel lavado pela maré com vidro do mar escondido dentro. O fundo pálido mantém o conjunto elegante, enquanto teal e azul adicionam cor suficiente para monogramas e bordas. Combine com texturas de borda rasgada ou lavagens aquareladas sutis para um acabamento romântico. Dica de uso: imprima apenas o tom mais escuro para nomes e detalhes-chave a fim de preservar a suavidade.

Exemplo de imagem de soft tidepaper gerado usando media.io

13) Industrial Seafoam

HEX: #0d3c54 #1d7a82 #7fc6c1 #c0c8ce #3d4349

Clima: arrojado e acessível

Melhor para: página inicial de startup tecnológica

Arrojado e acessível, como pintura azul-aqua em uma porta industrial. O aqua brilhante destaca CTAs e microinterações, enquanto ardósia e carvão dão seriedade à página. Combine com ilustrações geométricas ousadas e gradientes suaves para um visual tech moderno. Dica de uso: mantenha aqua apenas em botões e links, e deixe o cinza para os textos longos.

Exemplo de imagem de industrial seafoam gerado usando media.io

14) Pebble Bay

HEX: #11435f #2d7f86 #4aa59a #d2d8dc #8b969e

Clima: equilibrado e amigável

Melhor para: cabeçalho de blog e miniaturas

Equilibrado e amigável, como seixos lisos sob águas claras da baía. Os tons médios facilitam a criação de quadros consistentes para miniaturas, tags e cores de categorias sem contraste forte. Combine com fotografia quente e sobreposições simples para títulos legíveis. Dica de uso: utilize o cinza claro como base de gradiente sutil para unir imagens mistas.

Exemplo de imagem de pebble bay gerado usando media.io

15) Deep Teal Charcoal

HEX: #062a3a #0f5d6a #1f8a8a #9fb0b8 #1f2327

Clima: ousado e cinematográfico

Melhor para: arte de capa de álbum musical

Ousado e cinematográfico, como luz teal profunda cortando a névoa de carvão. Essas combinações de cores azul-verde-cinza brilham em capas de arte onde o clima vem antes dos detalhes. Combine com fotografia de alto contraste e tipografia mínima para um acabamento impactante e contemporâneo. Dica de uso: mantenha o texto no tom aço pálido para evitar bordas vibrantes contra o fundo escuro.

Exemplo de imagem de deep teal charcoal gerado usando media.io

16) Winter Poolside

HEX: #154d6b #2f8f9d #86c7c2 #e6ecef #56626a

Clima: frio e otimista

Melhor para: layout de folheto de viagem

Frio e otimista, como uma piscina aquecida numa manhã de inverno. O cinza claro mantém as páginas brilhantes e a gama de teal adiciona um clima convidativo sem parecer tropical. Combine com tipografia sans-serif limpa e margens amplas para um folheto sofisticado. Dica de uso: utilize o teal médio para divisores de seção para que leitores possam folhear rapidamente.

Exemplo de imagem de winter poolside gerado usando media.io

17) Coastal Clinic

HEX: #0f4a68 #1f7f85 #9ad9cf #f5f7f8 #9aa5ad

Clima: limpo e tranquilizante

Melhor para: UI de aplicativo de saúde

Limpo e tranquilizante, como uma clínica iluminada com vista para águas calmas. O aqua suave transmite cuidado em estados de status e UI de apoio, enquanto o azul traz confiança para ações primárias. Combine com componentes arredondados e ícones de alto contraste para acessibilidade. Dica de uso: mantenha mensagens de sucesso em aqua e reserve teal para elementos interativos para diferenciar os estados.

Exemplo de imagem de coastal clinic gerado usando media.io

18) Riverstone Minimal

HEX: #0e3f59 #2c7c78 #6fb1a7 #dfe4e7 #707b83

Clima: silencioso e minimalista

Melhor para: modelo de currículo e carta de apresentação

Silencioso e minimalista, como pedras de rio alinhadas à margem fria. As cores contidas dão destaque à tipografia, e o teal adiciona uma assinatura sutil aos cabeçalhos de seção. Combine com uma única família de tipografia moderna e traços finos para estrutura. Dica de uso: aplique teal somente em títulos e pequenos ícones para que a página também imprima bem em tons de cinza.

Exemplo de imagem de riverstone minimal gerado usando media.io

19) Stormlight Botanical

HEX: #0b3b52 #2b7e84 #5ab3a4 #cfd7dc #f3f6f7

Clima: fresco e artístico

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

Fresco e artístico, como luz de tempestade rompendo sobre uma estufa. A gama teal-verde transmite vida para folhas e caules, enquanto cinzas frios deixam a composição leve e moderna. Combine com traços delicados e lavagens aquareladas suaves para um estilo natural e contemporâneo. Dica de uso: limite o azul mais escuro às sombras para que as botânicas permaneçam claras e transparentes.

Exemplo de imagem de stormlight botanical gerado usando media.io

20) Night Pier Neon

HEX: #061f2f #0b4f6c #00a6a6 #a9b6be #20262b

Clima: elétrico e elegante

Melhor para: overlay para stream de games

Elétrico e elegante, como sinalização neon brilhando sobre um pier à noite. O alto contraste entre quase preto e teal vibrante faz alertas, etiquetas e cronômetros se destacarem sem bagunça. Combine com gradientes sutis e tipografia sans-serif afiada para um clima competitivo. Dica de uso: mantenha o teal neon apenas em elementos-chave do UI para que permaneça impactante durante uma longa transmissão.

Exemplo de imagem de night pier neon gerado usando media.io

Quais cores combinam bem com azul-verde-cinza?

Destaques quentes são a maneira mais fácil de adicionar contraste a uma paleta azul-verde-cinza. Experimente âmbar, terracota, cobre ou coral suave para botões, destaques, selos ou elementos especiais na impressão.

Para uma direção limpa e moderna, combine esses tons com branco puro, branco off ou um cinza frio pálido. Isso mantém os layouts leves e ajuda os detalhes em teal a parecerem intencionais, não excessivos.

Se quiser um visual mais escuro e cinematográfico, adicione carvão e quase preto, além de um teal brilhante para destaque. Essa combinação é ótima para overlays, seções hero e gráficos de estilo de álbum.

Como usar uma paleta azul-verde-cinza em designs reais

Comece atribuindo funções: escolha um azul profundo/carvão como âncora (navegação, títulos), um teal como destaque interativo (links, CTAs) e deixe os cinzas claros fazerem os fundos e espaçamentos. Isso mantém a hierarquia consistente em telas ou páginas.

Em UI, garanta legibilidade reservando teal saturado para áreas pequenas e usando cinzas para textos longos. Na impressão, considere papéis brancos levemente quentes para evitar que a paleta pareça fria demais.

Para branding e interiores, repita um teal característico em pontos de contato (etiquetas, sinalização, têxteis) e mantenha o restante neutro. A repetição cria coesão mesmo quando fotos e materiais mudam.

Crie visuais de paleta azul-verde-cinza com IA

Se você já tem códigos HEX, pode visualizar rapidamente em layouts como dashboards, posters, boards de marca e convites. Gerar algumas variações ajuda a testar contraste e clima antes de definir a direção final.

Com as ferramentas de texto-para-imagem da Media.io, você pode descrever seu design (formato, estilo e paleta) e obter conceitos visuais polidos em minutos. É uma forma rápida de validar uma combinação azul-verde-cinza para UI, impressão ou marketing.

Use o botão abaixo para começar a criar visuais de paleta azul-verde-cinza gratuitamente.

Próximo: Paleta de Cores Azul Escuro e Cinza