20 combinações de paletas azul acinzentado com códigos hexadecimais

Azul acinzentado é o verdadeiro coringa discreto do design de cores moderno: fresco, refinado e fácil de combinar tanto com tons quentes quanto com neutros limpos.

Abaixo estão 20 ideias selecionadas de paletas de azul acinzentado (com códigos HEX) que você pode usar em interfaces, interiores, branding e muito mais—além de dicas rápidas e prompts de IA para gerar visuais combinando.

Por que Paletas de Azul Acinzentado Funcionam Tão Bem

O azul acinzentado fica entre o “azul confiável” e o “cinza neutro”, transmitindo calma, profissionalismo e sofisticação sem parecer frio ou estéril. É uma base confiável quando você quer um design moderno, mas não modista.

Como o azul acinzentado naturalmente favorece o contraste, você pode construir hierarquia clara com navegação/cabeçalhos escuros e superfícies claras—especialmente útil para interfaces, apresentações e layouts editoriais onde a legibilidade importa.

É também uma cor de transição muito versátil: combina fácil com acentos quentes (areia, bronze, rosado) e com notas frias (sálvia, petróleo, brancos gelados), tornando-se flexível para interiores, embalagens e sistemas de marca.

20+ Ideias de Paletas de Azul Acinzentado (com Códigos HEX)

1) Névoa Costeira

HEX: #2E3E4E #5E7282 #A7B5C0 #E7EDF1 #D7C3A5

Clima: arejado, litorâneo, calmo

Melhor para: salas de estar de casas de praia e interiores de hospitalidade relaxada

Arejada e com toque salgado, lembra a névoa matinal sobre a orla de seixos. Use o azul acinzentado escuro como base em paredes ou grandes tecidos e sobreponha os tons mais claros para suavizar. O toque de areia aquece o conjunto, evitando que o ambiente fique frio demais. Dica: repita a cor areia em dois pontos pequenos (almofadas e uma faixa de tapete) para criar intenção no espaço.

Exemplo de imagem de névoa costeira gerada usando 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 Grátis Agora

2) Ardósia e Sálvia

HEX: #344552 #6E8594 #B9C6CE #E9EEF2 #7E9B8B

Clima: sóbrio, fresco, moderno

Melhor para: embalagens ecológicas de skincare e rótulos de marcas de bem-estar

Tons de ardósia se unem a toques limpos de sálvia, como um spa tranquilo com aroma de eucalipto no ar. Essas combinações de azul acinzentado funcionam super bem em papéis foscos onde nuances aparecem como premium. Mantenha a tipografia em carvão ou branco sujo, e use a sálvia para selos, tampas ou chamadas. Dica: reserve o tom mais escuro para textos legais, assim o rótulo segue legível sem ficar agressivo.

Exemplo de imagem de ardósia e sálvia gerada usando media.io

3) Porto à Meia-noite

HEX: #0F1C2B #2C3E55 #5B6F86 #A8B6C4 #F2B6A0

Clima: atmosférico, luxuoso, noturno

Melhor para: branding de bares de coquetelaria e promoções de eventos noturnos

Atmosférico e cinematográfico, evoca luzes do porto refletidas em águas escuras. Use o tom quase preto no fundo e traga os médios para ícones, padrões ou painéis secundários. Um toque coral suave adiciona calor a CTAs, carimbos ou destaques sem quebrar o clima noturno. Dica: mantenha o coral em menos de 10% da cobertura para uma paleta sofisticada.

Exemplo de imagem de porto à meia-noite gerada usando media.io

4) Janela Chuvosa

HEX: #1F2A35 #455766 #7F93A1 #C9D4DC #F3F6F8

Clima: silenciosa, minimalista, focada

Melhor para: painéis de análise e temas de UI SaaS

Silenciosa e focada, lembra gotas de chuva escorrendo por uma janela urbana. Esta paleta de azul acinzentado mantém a interface calma mas com hierarquia clara do menu escuro às superfícies claras. Combine-a a uma cor de destaque viva (âmbar ou petróleo) para estados ativos e alertas. Dica: use o tom mais claro como tela principal para reduzir o cansaço visual em sessões longas.

Exemplo de imagem de janela chuvosa gerada usando media.io

5) Aço Nórdico

HEX: #2A3A46 #516574 #8EA0AD #D6DEE5 #FFFFFF

Clima: limpo, estruturado, escandinavo

Melhor para: apresentações corporativas e relatórios anuais

Limpo e estruturado, lembra metal escovado e luz de neve. Use tons escuros nos títulos e divisores de seção, e deixe os cinzas claros dominarem a página. Combina naturalmente com espaços brancos e formas geométricas simples. Dica: mantenha gráficos com no máximo duas séries + uma cor de destaque para garantir leitura fácil.

Exemplo de imagem de aço nórdico gerada usando media.io

6) Denim em Movimento

HEX: #243445 #3F5B74 #6F8FA8 #B8CAD8 #E9EDF0

Clima: casual, jovem, aventureiro

Melhor para: anúncios de roupas jeans e lookbooks

Casual e com cara de vento, lembra jeans desbotado numa tarde fresca. Use os tons mais escuros em manchetes e estrutura e os azuis claros para fundos e espaços negativos. Combina bem com texturas off-white e tipografia preta minimalista. Dica: adicione uma granulação sutil para um resultado mais tátil e moderno.

Exemplo de imagem de denim em movimento gerada usando media.io

7) Tempestade Prateada

HEX: #1D2B36 #3C515E #708693 #B7C4CC #D9A15F

Clima: dramática, refinada, alto contraste

Melhor para: acabamentos modernos de cozinha e design de eletrodomésticos

Dramática e refinada, sugere nuvens de tempestade e um toque de luz quente. Essas combinações de azul acinzentado brilham em cozinhas, onde metal, pedra e vidro pedem um fundo harmonioso. Use o bronze nos puxadores, luminárias ou um banco de destaque para aquecer o espaço. Dica: escolha só um acabamento metálico quente para o contraste ser proposital, não poluído.

Exemplo de imagem de tempestade prateada gerada usando media.io

8) Tinta e Névoa

HEX: #101820 #33404B #667786 #C8D1D8 #F7F9FA

Clima: editorial, nítida, moderna

Melhor para: capas de livros e pôsteres minimalistas

Nítida e editorial, lembra tinta fresca secando em papel liso. Deixe o tom quase preto para títulos e textos-chave, com cinzas claros para dar espaço para respirar. Combina com serifa marcante ou sans condensada para um visual literário-moderno. Dica: reserve um bloco grande de espaço negativo para uma capa sofisticada.

Exemplo de imagem de tinta e névoa gerada usando media.io

9) Lago Glaciar

HEX: #2B3A4A #4F6B7D #7FA7B9 #CFE3EC #F7FBFD

Clima: fresco, arejado, ao ar livre

Melhor para: gravuras em aquarela e cabeçalhos de blogs de natureza

Fresco e arejado, lembra um lago alpino transparente sob céu claro. Use os azuis médios para água e áreas de sombra, mantendo os tons mais claros para luzes e névoa. Combina com verde pinho ou traços de carvão para definição. Dica: evite contornos rígidos, usando transições úmidas no estilo aquarela para um acabamento natural e tranquilo.

Exemplo de imagem de lago glaciar gerado usando media.io

10) Pomar Tempestuoso

HEX: #2A3844 #586B78 #9AA9B2 #E1E7EA #8B6B4E

Clima: rústico, suave, aconchegante

Melhor para: cozinhas de fazenda e marcas de alimentos artesanais

Rústico e suave, lembra um pomar logo após a chuva. Os neutros frios criam uma base limpa, enquanto o marrom quente adiciona um toque artesanal e acolhedor. Combine com papel kraft, tipografia serif e ícones simples para um visual autêntico. Dica: use o marrom para carimbos e destaques de ingredientes para guiar o olhar sem poluir visualmente.

Exemplo de imagem de pomar tempestuoso gerado usando media.io

11) Estúdio Blueprint

HEX: #1B2D45 #2F4E6B #5F7F9B #AFC2D1 #F2F4F6

Clima: técnico, confiante, criativo

Melhor para: portfólios de arquitetura e lookbooks de estúdio

Técnico e confiante, remete a papel blueprint e linhas de desenho. Use azuis escuros para grades, legendas e títulos de seção, com painéis claros para manter a leitura agradável. Combina com ícones de linhas finas e margens generosas para um clima de galeria. Dica: defina o texto do corpo num cinza quente para suavizar a atmosfera de engenharia.

Exemplo de imagem de estúdio blueprint gerado usando media.io

12) Lavanda empoeirada

HEX: #2E3A4C #56647C #8793B0 #C9CDE0 #F6F5FA

Clima: suave, sonhador, delicado

Melhor para: convites para chá de bebê e conjuntos de papelaria doces

Suave e sonhador, lembra a luz do crepúsculo com um toque de lilás nebuloso. Mantenha os tons escuros para nomes e detalhes importantes, enquanto as tonalidades claras criam uma base arejada feita de papel. Combina bem com flores delicadas, bordas finas e detalhes em foil rose gold. Dica: escolha apenas uma fonte script e deixe a cor fazer o trabalho romântico.

Exemplo de imagem de lavanda empoeirada gerado usando media.io

13) Grafite Urbano

HEX: #161C22 #303A43 #56636E #9EABB4 #E7EBEE

Clima: industrial, elegante, moderno

Melhor para: posts sociais de streetwear e anúncios de lançamentos

Elegante e industrial, remete a esboços de grafite e calçadas de concreto. Use os tons mais escuros para tipografia ousada e molduras, depois traga os cinzas mais claros para blocos de textura e espaçamento. Combina com fotografia de alto contraste e um único destaque neon para energia. Dica: mantenha sombras e sobreposições consistentes para que os posts pareçam uma série coesa.

Exemplo de imagem de grafite urbano gerado usando media.io

14) Biblioteca Silenciosa

HEX: #2B343C #4E5D69 #7D8D9A #C9D2D8 #E6D8C7

Clima: aconchegante, reflexivo, atemporal

Melhor para: escritórios domésticos e renovação de cantos de leitura

Aconchegante e reflexivo, lembra o tecido de um livro usado e o silêncio de uma sala de leitura. Os azul-cinzas constroem um fundo calmo para móveis de madeira, enquanto o tom quente de pergaminho mantém tudo acolhedor. Combine com detalhes em latão, texturas de couro e iluminação suave de abajur para um visual vivido. Dica: pinte embutidos no tom médio e use o tom mais escuro apenas nas molduras para profundidade.

Exemplo de imagem de biblioteca silenciosa gerado usando media.io

15) Concreto Ártico

HEX: #202B33 #45535E #788792 #BFC8CF #F3F5F6

Clima: minimalista, frio, arquitetônico

Melhor para: telas de onboarding de apps móveis e UI de fintech

Minimalista e frio, evoca superfícies de concreto sob a luz do inverno. Uma paleta de azul-cinza como essa destaca-se em telas de onboarding que priorizam clareza e confiança. Combine com um destaque nítido (azul elétrico ou lima) para estados de progresso e botões principais. Dica: use o segundo tom mais claro nos cartões para separar o conteúdo sem bordas pesadas.

Exemplo de imagem de concreto ártico gerado usando media.io

16) Seixo à Beira-Mar

HEX: #283744 #516575 #92A3AF #D9E1E6 #B7A190

Clima: natural, equilibrado, discreto

Melhor para: embalagens de velas cerâmicas e anúncios de produtos lifestyle

Natural e discreto, lembra seixos lisos e madeira à deriva envelhecida. Use tons frios para rótulos e painéis secundários, e permita que o taupe traga um contraste suave e terroso. Combina bem com tipografia serif minimalista e texturas de papel não revestido. Dica: escolha fundo branco-morno em vez de branco brilhante para manter o clima orgânico.

Exemplo de imagem de seixo à beira-mar gerado usando media.io

17) Herança Moderna

HEX: #223141 #3E5568 #6D859C #B9C8D3 #C7A574

Clima: clássico, confiante, com acento quente

Melhor para: branding premium de moda masculina e sinalização de boutique

Clássico e confiante, sugere alfaiataria com detalhes de latão quente. Os tons profundos sustentam wordmarks e monogramas fortes, enquanto os azuis claros evitam que os materiais pareçam pesados. Combine o destaque ouro-tan com papel texturizado, embossing ou padrões sutis para um acabamento tradicional. Dica: use o destaque apenas em regras e ícones para manter o equilíbrio refinado.

Exemplo de imagem de herança moderna gerado usando media.io

18) Flor de Inverno

HEX: #2C3846 #5A6A7A #9AA8B5 #DCE3EA #E7B7C6

Clima: suave, romântico, clima frio

Melhor para: papelaria floral em aquarela e cartões sazonais

Suave e romântico, lembra pétalas pálidas contra um céu frio. O destaque rosado acrescenta um toque delicado sem tornar o conjunto excessivamente doce. Combine com traços finos, lavagens claras e bastante espaço em branco para um design elegante de cartão. Dica: reserve o rosa para pequenas flores e selos para que os neutros frios permaneçam dominantes.

Exemplo de imagem de flor de inverno gerado usando media.io

19) Sombra Verde-Água

HEX: #14212B #2B3E4A #4E6A73 #9DB2B8 #E9EFF0

Clima: misterioso, frio, contemporâneo

Melhor para: landing pages de tecnologia e seções de recursos de produtos

Misterioso e frio, evoca água profunda à baixa luz. Use o tom mais escuro em seções hero e navegação, depois passe para tons nebulosos em blocos de recursos e diagramas. Combina com ícones brancos e um único destaque vibrante como ciano elétrico para links. Dica: aumente o espaçamento e a altura das linhas ao usar fundos escuros para manter a página respirável.

Exemplo de imagem de sombra verde-água gerado usando media.io

20) Marinha Nublada

HEX: #182535 #2F4157 #5D748C #A7B6C3 #EEF2F5

Clima: confiante, limpo, profissional

Melhor para: relatórios de negócios, propostas e cabeçalhos de sites

Confiante e limpo, lembra uniformes da marinha suavizados por cobertura de nuvens. Use tons escuros de azul-marinho para títulos e barras de seção, contando com neutros claros para texto principal legível. Combina naturalmente com branco nítido, divisores finos e visualização de dados sutil. Dica: deixe os links em azul-médio para se destacarem sem parecerem saturados demais.

Exemplo de imagem de marinha nublada gerado usando media.io

Quais Cores Combinam com Azul Acinzentado?

Acentos quentes são o jeito mais rápido de tornar o azul-cinza convidativo. Areia, camelo, bronze, ouro-tan, terracota e coral suave adicionam contraste sem deixar a paleta barulhenta.

Se você deseja um visual fresco e orgânico, combine azul-cinza com verdes suaves como sálvia, eucalipto ou verde-água profundo. Esses vizinhos no lado frio mantêm o clima calmo e contemporâneo.

Para design nítido e de alta legibilidade (especialmente em UI), combine azul-cinza com brancos limpos e quase pretos. A faixa neutra mantém a tipografia precisa e reserva espaço para um destaque forte nos estados e CTAs.

Como Usar uma Paleta de Azul Acinzentado em Projetos Reais

Comece com o papel: escolha um azul-cinza escuro para títulos/navegação, um tom médio para UI secundária ou móveis, e um tom muito claro para superfícies de fundo. Isso cria hierarquia antes de adicionar qualquer destaque.

Mantenha os destaques intencionais e limitados — pense em "menos de 10% de cobertura". Use apenas um acento quente (como areia, bronze, rosado) para realces, ícones, badges ou hardware, mantendo o sistema coeso.

Em impressão e branding, azul-cinza fica premium em papéis foscos e estoques não revestidos. Adicione textura (granulação, linho, papel aquarela) para evitar aparência plana e ajudar nuances sutis de cor a aparecerem.

Crie Visuais de Paleta Azul Acinzentado com IA

Se estiver apresentando um conceito ou montando um moodboard, gerar visuais rápidos ajuda os interessados a "verem" seu esquema azul-cinza no contexto — ambientes, embalagens, mockups de UI ou posters.

Use prompts que descrevam iluminação, material e estilo (fosco, metal escovado, luz suave, layout minimalista). Aplique então seus códigos HEX na fase de design para corresponder ao visual com precisão.

Próximo: Paleta de Cores Preto Verde