20 melhores combinações de cinza teal: códigos hexadecimais e dicas

Cinza petróleo mistura a sensação calma e refrescante do teal com a estabilidade silenciosa do cinza—tornando-o uma das direções “neutras modernas” mais fáceis para marcas, interiores e interfaces.

Abaixo estão ideias selecionadas de paletas de cinza petróleo (com códigos HEX), além de dicas práticas de combinações e uso que você pode aplicar imediatamente.

Por que as paletas de cinza petróleo funcionam tão bem

Teal traz um “frescor” limpo e moderno, enquanto o cinza adiciona estrutura e neutralidade—então a combinação fica equilibrada, não chamativa. É por isso que as paletas de cinza petróleo funcionam em muitos estilos, do litoral e bem-estar ao fintech e industrial.

Outra vantagem é a flexibilidade: você pode deixar o teal mais vibrante para mais energia ou mais fechado para sofisticação, depois ajustar o cinza de mais claro até carvão para contraste e legibilidade. Isso faz do cinza petróleo um esquema fácil de escalar de fundos para detalhes.

Por fim, teal e cinza costumam sair bem em fotos e renderizações na tela. Com o contraste certo, você mantém a interface acessível e as peças impressas refinadas, sem brigas de cor.

Mais de 20 ideias de paletas cinza petróleo (com códigos HEX)

1) Névoa do Porto

HEX: #2F6F73 #4F8A8C #7C8B8E #C9D2D3 #F4F6F6

Clima: limpo, costeiro, calmante

Melhor para: reforma de banheiro e interiores arejados

Calma do ar marinho limpo, com sensação de passarela enevoada e bordas suaves. Use o teal mais escuro em móveis planejados ou na parede destaque, e deixe os cinzas claros nas guarnições e azulejos. Combine com níquel escovado, carvalho claro e cerâmica branca fosca para um acabamento de litoral fresco. Dica: mantenha o contraste suave escolhendo brancos quentes ao invés do branco brilhante.

Exemplo de imagem da névoa do porto gerado usando o media.io

Media.io

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

Experimente agora gratuitamente

2) Teal Nórdico

HEX: #1F5E63 #3A7A80 #5A6B70 #A7B3B6 #E7EAEA

Clima: escandinavo, fundamentado, moderno

Melhor para: branding minimalista e papelaria

Tranquilidade nórdica refrescante, como pedra lisa à beira d’água parada. Essa paleta funciona lindamente em logos minimalistas, cartões de visita e embalagens, onde a contenção transmite sofisticação. Use muito espaço negativo, formas geométricas simples e apenas uma tipografia marcante. Dica: reserve o teal mais escuro para o símbolo do logo, garantindo máxima legibilidade no texto.

Exemplo de imagem de teal nórdico gerado usando o media.io

3) Lagoa de Ardósia

HEX: #0F4C5C #2D6A6E #495057 #ADB5BD #F8F9FA

Clima: introspectivo, editorial, refinado

Melhor para: layouts de revistas e lookbooks

Tons de lagoa sombria encontram neutros de ardósia para um ar editorial sofisticado. Use o teal profundo em títulos de sessão e citações, e cinza médio para texto corrido e legendas. Combina bem com fotografias em monocromia, linhas finas e margens generosas. Dica: mantenha o tom mais claro como fundo da página para não pesar o layout.

Exemplo de imagem da lagoa de ardósia gerado usando o media.io

4) Eucalipto Concreto

HEX: #2C7A7B #6B9080 #6C757D #DDE2E4 #FAFAF9

Clima: natural, equilibrado, urbano

Melhor para: interiores de café e design de cardápio

Uma nota de eucalipto contra o concreto liso, calmo porém ainda vivo. Use o tom mais esverdeado para detalhes como bancos ou ícones, ancorando nos cinzas frios para um clima urbano moderno. Combine com madeira clara, metal preto e iluminação quente para um ambiente acolhedor. Dica: repita o teal pelo menos duas vezes em sinalização e cardápios para reforço visual da marca.

Exemplo de imagem de eucalipto concreto gerado usando o media.io

5) Carvão Costeiro

HEX: #0B525B #144552 #2B2D2F #6C757D #E9ECEF

Clima: dramático, sofisticado, ousado

Melhor para: áreas hero e sites premium

Água costeira profunda e sombras de carvão trazem um visual confiante e sofisticado. O tom quase preto é ótimo para navegação e rodapés, enquanto o teal realça links e botões com elegância. Combine com fotos nítidas e ícones de linhas simples para um ar premium e moderno. Dica: reserve o teal para estados interativos para parecer intencional.

Exemplo de imagem de carvão costeiro gerado usando o media.io

6) Museu Sereno

HEX: #2A6F6F #3F7C85 #8D99AE #EDF2F4 #D9C5B2

Clima: sereno, refinado, neutro-quente

Melhor para: cartazes de galeria e flyers de eventos

Iluminação de museu sereno e pedras macias conferem um clima pensado e curado. Essas combinações brilham em cartazes quando se busca autoridade tranquila, especialmente com tipografia serifada moderna. Combine o bege quente com papel texturizado ou granulação sutil para equilibrar os tons frios. Dica: use o cinza ardósia em texto corrido e reserve o teal para títulos.

Exemplo de imagem de museu sereno gerado usando o media.io

7) Passarela Chuvosa

HEX: #1B4965 #2C7DA0 #5C677D #AAB7B8 #F1F5F9

Clima: fresco, arejado, levemente frio

Melhor para: blogs de viagens e banners de lifestyle

Azul da passarela chuvosa com acabamento respirável e limpo. Use o teal azul mais vibrante para destaques como selos e links, e os cinzas para tornar a leitura de longos textos fácil. Combine com fotografia arejada e espaços em branco para um visual de lifestyle limpo. Dica: use o cinza médio como cor padrão do texto para suavizar o contraste.

Exemplo de imagem de passarela chuvosa gerado usando o media.io

8) Grafite Aqua

HEX: #0D9488 #14B8A6 #334155 #94A3B8 #F8FAFC

Clima: tecnológico, nítido, enérgico

Melhor para: interfaces de SaaS e componentes de dashboard

Aqua vibrante salta sobre grafite criando um clima tech moderno e acolhedor. Use o teal mais intenso em botões primários e estados ativos, enquanto o grafite ancora navegação e etiquetas de dados. Combine cartões arredondados, divisórias finas e bastante espaçamento para um ritmo UI limpo. Dica: limite o destaque vibrante a um ou dois componentes por tela para evitar poluição visual.

Exemplo de imagem de grafite aqua gerado usando o media.io

9) Vidro do Mar Vintage

HEX: #3E7C7B #7FB7BE #B7C4C7 #E6E8E6 #D8A7B1

Clima: suave, vintage, romântico

Melhor para: convites de casamento e save the date

Suavidade do vidro do mar antigo com um toque rosado, trazendo romantismo e sutileza. Use o teal claro como base e acrescente o blush em detalhes delicados e monogramas. Combine com efeitos de papel texturizado, florais de linha fina e tipografia serifada elegante. Dica: reserve o teal mais escuro só para nomes e informações-chave para manter o visual leve.

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

10) Spa Moderno

HEX: #2E7D7A #5BB3B0 #9AA5A8 #D7DEE0 #FFF7ED

Clima: calmante, brilhante, bem-estar

Melhor para: embalagens de cuidados com a pele e anúncios de bem-estar

Tons suaves de água de spa com brancos quentes semelhantes a vapor criam calma instantânea. Use o azul-petróleo vibrante para rótulos ou destaques, e deixe o branco quente e cinza claro para a maior parte do fundo. Combine com tipografia minimalista sem serifa e acabamentos foscos para um visual moderno de bem-estar. Dica: adicione relevo sutil nos tons mais claros para uma impressão tátil premium.

Exemplo de imagem de spa moderno gerada usando media.io

11) Tinta e Maré

HEX: #083D3D #0F766E #1F2937 #64748B #E2E8F0

Clima: escuro, confiante, sofisticado

Melhor para: branding fintech e landing pages

Profundidade de tinta com um toque de azul-marinho transmite decisão e modernidade. Use o quase preto para estrutura forte como títulos, tabelas de preços e rodapés, depois realce ações importantes com azul-petróleo. Combine com tipografia precisa e conjuntos de ícones simples para um visual fintech limpo. Dica: reserve o cinza mais claro para painéis e cartões, mantendo o contraste controlado.

Exemplo de imagem de tinta e maré gerada usando media.io

12) Alga Prateada

HEX: #2F6F73 #6CA6A4 #8A9BA8 #CBD5E1 #F1F5F9

Clima: claro, costeiro, sofisticado

Melhor para: modelos de apresentação e relatórios

Tons de alga prateada trazem sofisticação, calma e profissionalismo discreto. Use o azul-petróleo médio para divisores de seção e gráficos, e os cinzas suaves para fundos e tabelas. Combine com visuais de dados limpos e iconografia consistente para uma apresentação pronta para executivos. Dica: mantenha um azul-petróleo de destaque para realces e use tons claros para séries secundárias de gráficos.

Exemplo de imagem de alga prateada gerada usando media.io

13) Azul-petróleo e Terracota

HEX: #1E6F74 #3A9CA0 #6B7280 #E5E7EB #C65D3A

Clima: terroso, moderno, convidativo

Melhor para: identidade visual de restaurante e posts sociais

O calor terroso encontra a água fria, como cerâmica ao lado de uma piscina moderna. Essas combinações de azul-petróleo e cinza ganham personalidade extra com o destaque terracota, perfeito para marcas alimentícias que querem transmitir acessibilidade e sofisticação. Combine com texturas naturais, papel kraft e fotografia marcante para evidenciar o tom quente. Dica: use terracota com moderação para etiquetas de preço, destaques ou um único selo.

Exemplo de imagem de azul-petróleo e terracota gerada usando media.io

14) Pinho Congelado

HEX: #1F6F6A #3F8F89 #6B7B7C #C8D3D4 #F7F7F2

Clima: frio, ao ar livre, sereno

Melhor para: cartazes de campanha de inverno ao ar livre

Agulhas de pinheiro congeladas e o clima frio transmitem uma sensação sazonal nítida. Use os tons mais profundos de verde-azulado para títulos e formas-chave, e permita que os cinzas suaves imitem neve e neblina para equilíbrio. Combine com imagens de paisagem com alto contraste e pouco texto para um visual premium de marca outdoor. Dica: mantenha os gradientes sutis para a paleta ficar limpa e moderna.

Exemplo de imagem de pinho congelado gerada usando media.io

15) Industrial Suave

HEX: #215B5B #3B7C7C #4B5563 #9CA3AF #F3F4F6

Clima: industrial, suavizado, prático

Melhor para: espaços de oficina e interiores de escritório

Tons industriais suaves lembram aço pintado aquecido por boa iluminação. Use o ardósia escura para móveis ou embutidos, depois adicione azul-petróleo em portas, prateleiras ou painéis acústicos para dar leveza. Combine com texturas de concreto, ferragens pretas e madeira quente para evitar o excesso de frieza. Dica: escolha uma superfície azul-petróleo por cômodo para que o destaque seja intencional.

Exemplo de imagem de industrial suave gerada usando media.io

16) Minimalismo Mar Profundo

HEX: #0A3D40 #146C6F #2D3748 #A0AEC0 #F7FAFC

Clima: minimalista, profundo, focado

Melhor para: telas de onboarding de aplicativos e kits de UI

A escuridão do mar profundo com espaços de luz limpa transmite foco e modernidade. Essa paleta de azul-petróleo e cinza é ideal para telas de onboarding onde é necessário hierarquia forte sem cores chamativas. Combine o azul-petróleo profundo com ilustrações simples e bastante espaço em branco, depois use os cinzas frios para textos secundários. Dica: teste o contraste para acessibilidade mantendo o texto principal no tom mais claro de fundo.

Exemplo de imagem de minimalismo mar profundo gerada usando media.io

17) Etiqueta de Galeria

HEX: #2B6F73 #5C8D89 #70757A #E5E5E5 #FFFDF7

Clima: luxo discreto, curadoria, neutro

Melhor para: etiquetas de produtos e embalagens minimalistas

Neutros de luxo discreto com uma base azul-petróleo suave sugerem curadoria e atemporalidade. Use o branco quente como base do rótulo, e tipografia cinza para legibilidade e elegância. Combine com detalhes sutis de foil ou uma faixa azul-petróleo para destacar a cor da marca sem sobrecarregar. Dica: deixe o logo pequeno e permita que os espaços em branco façam o trabalho premium.

Exemplo de imagem de etiqueta de galeria gerada usando media.io

18) Casa no Lago de Inverno

HEX: #1C5D63 #4B9AA0 #788585 #D0D7D9 #FFFFFF

Clima: aconchegante, frio, repousante

Melhor para: renovação de sala de estar e têxteis

Clima de casa no lago durante o inverno: manhãs silenciosas, mantas de lã e água cristalina fora da janela. Use azul-petróleo em almofadas ou em um embutido pintado, mantendo paredes e peças maiores em camadas de cinza e branco. Combine com linho natural, carvalho claro e toques de preto suave para profundidade. Dica: aplique textura primeiro, depois cor, para que a paleta fique aconchegante e não fria.

Exemplo de imagem de casa no lago de inverno gerada usando media.io

19) Azul-petróleo Cinza Neon

HEX: #0F766E #A3E635 #111827 #6B7280 #F9FAFB

Clima: ousado, divertido, alto contraste

Melhor para: flyers de música e campanhas juvenis

Contraste marcante com um toque neon transmite energia e um pouco de rebeldia. Use o quase preto para fundos, deixe o azul-petróleo estruturar o layout, e aplique o neon lime somente onde desejar atenção imediata. Combine com tipografia condensada, números grandes e formas marcantes para um visual moderno de pôster. Dica: limite o lime a menos de 10% do layout para manter o impacto sem virar caos.

Exemplo de imagem de azul-petróleo cinza neon gerada usando media.io

20) Painel de Dados Calmo

HEX: #136F63 #2A9D8F #4B5563 #CBD5E1 #F8FAFC

Clima: calmo, claro, organizado

Melhor para: dashboards de análise e painéis administrativos

Clareza calma para telas com muitos dados, como um espaço de trabalho bem arrumado com luz suave. Um esquema de azul-petróleo e cinza mantém os gráficos legíveis com modernidade e simpatia. Use o azul-petróleo mais vivo em métricas principais e cinzas frios para grades, divisores e rótulos secundários. Dica: defina um azul-petróleo como ação principal e deixe o segundo apenas para realces em gráficos.

Exemplo de imagem de painel de dados calmo gerada usando media.io

Quais cores combinam com cinza petróleo?

Neutros são os mais fáceis de combinar: brancos quentes, greiges suaves e prateados claros mantêm a paleta de azul-petróleo e cinza leve e versátil. Para um toque mais premium, carvão ou quase preto adiciona estrutura nítida (ótimo para barras de navegação, títulos e molduras).

Se você quer calor, adicione detalhes terrosos como terracota, argila, camelo ou bege quente para equilibrar o frescor do azul-petróleo. Essa é uma abordagem confiável para branding de hospitalidade, embalagens de lifestyle e interiores aconchegantes.

Para contraste mais ousado, use toques de lime neon ou aqua brilhante—melhor em estados restritos da UI, selos ou destaques em pôsteres para manter o visual limpo e legível.

Como usar uma paleta cinza petróleo em projetos reais

Comece pelos papéis: escolha um azul-petróleo como cor “de marca/ação” e atribua os cinzas para fundo, texto, bordas e superfícies. Isso impede que o azul-petróleo se espalhe demais e mantém a hierarquia evidente.

Em impressos e interiores, a textura faz muita diferença: papel fosco, metal escovado, carvalho claro, linho ou acabamentos tipo concreto deixam azul-petróleo e cinza mais quentes e dimensionais. Use azul-petróleo em um ou dois elementos de destaque (sinalização, armários, almofadas, parede de destaque) para uma presença intencional.

Para produtos digitais, verifique o contraste logo no início—principalmente combinações de azul-petróleo com cinza. Mantenha textos sobre o neutro mais claro e use azul-petróleo para estados interativos (botões, links, toggles) para garantir clareza.

Crie visuais de paleta cinza petróleo com IA

Quer ver essas combinações de azul-petróleo e cinza em uma cena real—como no herói de landing page, cardápio de café ou conceito de reforma de banheiro? Gere mockups rápidos com IA para validar humor, contraste e materiais antes de decidir.

Com o Media.io, você pode transformar uma paleta em direções visuais para branding, UI, cartazes e embalagens—e iterar rapidamente trocando detalhes, iluminação ou palavras-chave de estilo mantendo o mesmo clima com base nos HEX.

Próximo: Paleta de Cores Laranja Queimado