Paletas de cinza escuro: 20 combinações com códigos hexadecimais

Cinza-escuro é um neutro moderno que pode transmitir sofistuosidade, calma ou dramaticidade, dependendo da combinação de cores. É a escolha principal para interfaces, marcas e interiores, pois adiciona estrutura sem a agressividade do preto puro.

Abaixo estão 20 ideias de paletas de cores cinza-escuro cuidadosamente selecionadas com códigos HEX, além de orientações práticas sobre como escolher tons de destaque, equilibrar o contraste e gerar visuais de paleta com IA.

Por que as Paletas de Cinza-Escuro Funcionam tão Bem

O cinza-escuro está no “ponto ideal” entre o preto e os neutros de tom médio: oferece profundidade, contraste e hierarquia, mas é mais suave aos olhos. Isso o torna especialmente eficaz para design de interface, layouts editoriais e sistemas de marcas premium.

Como o cinza-escuro é inerentemente versátil, pode tender ao quente (taupe, espresso, pau-rosa) ou ao frio (aço, ardósia, azul-preto). Com o destaque certo, a mesma base neutra pode transmitir bem-estar, ser corporativa, divertida ou luxuosa.

Também combina muito bem com textura—granulação de papel, ruído sutil, acabamentos foscos e sombras suaves—fazendo com que os designs pareçam tridimensionais e menos “chapados” mesmo se a paleta for minimalista.

20+ Ideias de Paleta de Cores Cinza-Escuro (com Códigos HEX)

1) Grafite e Linho

HEX: #2b2d31 #3c3f45 #6b6f77 #d7d1c6 #f3f1ed

Clima: calmo, arquitetônico, refinado

Ideal para: destaque de site de estúdio de arquitetura

Calmo e arquitetônico, estes tons de grafite sobre neutros de linho remetem a concreto, papel e luz suave do dia. Use para sites de estúdio, portfólios e marcas de serviços premium que desejam transmitir confiança silenciosa. Combine com tons off-white quentes e textura sutil (granulação de papel ou ruído suave) para evitar um visual plano. Dica: mantenha o linho claro como fundo principal e reserve o grafite escuro para títulos e botões primários.

Exemplo de imagem de grafite e linho gerada com media.io

Media.io

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

Experimente Agora Gratuitamente

2) Sálvia Carvão

HEX: #24262b #3a3d44 #5a6b5f #9bb49c #e6efe7

Clima: terroso, botânico, moderno

Ideal para: kit de identidade de marca wellness

Terroso e botânico, o carvão lembra pedra enquanto a sálvia traz um frescor herbal. Essas combinações de cinza-escuro são ótimas para marcas de bem-estar, rótulos de apotecário e embalagens lifestyle calmas. Combine com texturas foscas e arte linear discreta para um visual moderno e natural. Dica: use o tom menta claro como espaço negativo para que os tons escuros nunca fiquem pesados.

Exemplo de imagem de sálvia carvão gerada com media.io

3) Azul Aço Noturno

HEX: #1f2228 #353a44 #4a6072 #7b9bb8 #e8edf3

Clima: frio, técnico, confiável

Ideal para: dashboard ui de saas

Frio e técnico, azul aço sobre quase-preto parece modo noturno com brilho limpo e confiante. Funciona bem para dashboards SaaS, ferramentas analíticas e interfaces corporativas onde a clareza é fundamental. Combine com divisórias finas e fundo gelo claro para tabelas de dados e painéis secundários. Dica: reserve o tom mais claro para métricas chave e crie hierarquia instantânea sem adicionar cores extras.

Exemplo de imagem de azul aço noturno gerada com media.io

4) Cinza Queimado com Pau-Rosa

HEX: #2a2728 #444041 #6d5a58 #b08a82 #f2e7e5

Clima: quente, íntimo, vintage

Ideal para: design de menu de cafeteria

Quente e íntimo, cinza queimado com nuances de pau-rosa remete a cadernos de couro e um canto aconchegante de café. Ideal para menus, hotelaria boutique e listas de produtos artesanais que buscam sofisticação acolhedora. Combine com fundo de papel cremoso e destaques blush suaves para cabeçalhos. Dica: mantenha o texto do corpo no cinza médio e use o tom escuro apenas para preços e etiquetas importantes.

Exemplo de imagem de cinza queimado com pau-rosa gerada com media.io

5) Ardósia com Toque Cítrico

HEX: #262a30 #3d434d #707786 #f0c94a #fff3d6

Clima: ousado, vibrante, editorial

Ideal para: criativo de anúncio para redes sociais

Ousado e animado, cinzas ardósia servem de base enquanto o amarelo cítrico destaca-se como um título chamativo. Escolha forte para anúncios em redes sociais, banners promocionais e comunicações que precisam de contraste sem recorrer ao neon. Combine com tipografia grande e formas geométricas simples para manter a energia limpa. Dica: limite o amarelo a um elemento de destaque (botão, preço ou selo) para impacto máximo.

Exemplo de imagem de ardósia com toque cítrico gerada com media.io

6) Tinta e Arenito

HEX: #202226 #36383f #6a6f78 #c3b6a6 #f6f0e8

Clima: minimalista, premium, atemporal

Ideal para: embalagem de cosméticos de luxo

Minimalista e premium, cinzas inky sobre neutros arenito evocam cerâmica, linho e luxo discreto. Esta paleta vai bem para embalagens de skincare, velas boutique e marcas D2C sofisticadas. Combine com acabamentos em relevo e neutros quentes para manter o visual acolhedor. Dica: use arenito no campo do rótulo e deixe os tons de tinta carregarem o logo e a hierarquia dos ingredientes.

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

7) Ameixa da Meia-Noite e Fumaça

HEX: #1d1c22 #332b37 #5a435f #a07aa6 #efe7f1

Clima: misterioso, criativo, noturno

Ideal para: arte de capa de álbum indie

Misterioso e criativo, cinza meia-noite com nuances de ameixa cria a sensação de uma sessão em estúdio tarde da noite à luz violeta suave. Perfeito para capas de álbum, pôsteres de eventos e campanhas artísticas com atmosfera envolvente. Combine com tipografia de alto contraste em lilás claro e mantenha as imagens abstratas para realçar o clima. Dica: adicione granulação e vinheta suave usando o tom mais escuro para dar profundidade sem mais cores.

Exemplo de imagem de ameixa da meia-noite e fumaça gerada com media.io

8) Concreto e Cobre

HEX: #2c2f33 #454a51 #777d86 #b46b4d #f1dfd6

Clima: industrial, confiante, metálico-quente

Ideal para: design de rótulo para destilados artesanais

Industrial e convidativo, cinzas concreto encontram cobre como metal escovado sobre pedra urbana. Vai bem para rótulos de destilados, cafés premium e produtos que buscam um visual robusto com aquecimento. Combine com tipografia condensada e detalhes em foil cobre para um visual tátil e pronto para prateleira. Dica: aplique o cobre apenas em pequenos selos ou bordas para manter a base neutra no controle.

Exemplo de imagem de concreto e cobre gerada com media.io

9) Verde Azulado Tempestuoso

HEX: #23262b #3c4248 #4b6b6b #69a6a1 #e7f3f2

Clima: fresco, praiano, moderno

Ideal para: design de cabeçalho de blog de viagem

Fresco e praiano, cinza tempestuoso com verde azulado lembra vidro do mar sob céus nublados. Indicado para headers de viagem, blogs de lifestyle e marcas leves que querem cor sem perder a base neutra. Combine com bastante espaço em branco e destaques teal para links e chamadas de ação. Dica: mantenha as imagens em tons frios para que o teal seja proposital, não acidental.

Exemplo de imagem de teal tempestuoso gerado usando media.io

10) Lavanda Defumada

HEX: #26242a #3e3a45 #6f667a #b5a9c9 #f4f0fa

Clima: suave, sonhador, contemporâneo

Ideal para: conjunto de convites de casamento

Suave e sonhadora, os cinzas defumados misturados com lavanda lembram a névoa do crepúsculo e flores prensadas. É uma ótima escolha para casamentos modernos, convites elegantes e papelaria que busca romance sem tons pastéis vibrantes. Combine com tipografia serifada delicada e amplo espaço em fundo claro. Dica: use a lavanda intermediária para bordas e pequenos ícones, ao invés de blocos inteiros de cor.

Exemplo de imagem de lavanda defumada gerado usando media.io

11) Granite Mint Studio

HEX: #24272c #3a3f46 #5e646e #7fd1b9 #eaf8f3

Clima: limpo, energético, amigável à tecnologia

Ideal para: telas de onboarding de app de fitness

Limpo e energético, o cinza granito mantém tudo nítido enquanto o menta traz um toque moderno de frescor. É ótimo para aplicativos de fitness, rastreadores de hábitos e onboarding de produtos onde clareza e motivação são essenciais. Combine com indicadores de progresso destacados e ilustrações simples para evitar poluição visual. Dica: use menta para estados de sucesso e ações-chave, mantendo botões secundários no cinza intermediário.

Exemplo de imagem de granite mint studio gerado usando media.io

12) Urban Cherry

HEX: #1f2024 #34363d #5c4a52 #b23a56 #f6e7ec

Clima: ousado, estiloso, vida noturna

Ideal para: layout de lookbook de moda

Ousado e estiloso, o cinza urbano com vermelho cereja lembra luzes da cidade refletidas em pedras polidas. Use para lookbooks de moda, flyers de vida noturna e branding de impacto que precisam de atitude sem bagunça. Combine com blocos de fotos grandes e cereja como destaque para títulos de seções ou números de página. Dica: mantenha o tom mais profundo para fundos e deixe o tom rosado suavizar os espaços negativos ao redor do texto.

Exemplo de imagem de urban cherry gerado usando media.io

13) Neblina e Mostarda

HEX: #2a2c31 #40444c #7a808b #d7a51f #f7f0d6

Clima: confiante, retrô-moderno, marcante

Ideal para: design de pôster de evento

Confiante e com toque retrô, cinzas de neblina fazem a mostarda parecer um holofote em rua chuvosa. Essas combinações de cinza escuro são perfeitas para pôsteres de evento, gráficos de conferência e anúncios impactantes. Combine com tipografia sans-serif robusta e formas simples para um visual limpo e de alto contraste. Dica: deixe a mostarda carregar a data e call-to-action, enquanto os cinzas cuidam do restante.

Exemplo de imagem de neblina e mostarda gerado usando media.io

14) Pewter Ocean

HEX: #262a2f #3e454f #6b7787 #3c7fa6 #e6f1f7

Clima: preciso, confiável, corporativo-calmo

Ideal para: design de landing page b2b

Preciso e confiável, cinzas peltre com azul oceano evocam aço polido e água livre. É uma combinação forte para landing pages B2B, fintechs e marcas de consultoria que buscam autoridade tranquila. Combine com ícones claros e fundos claros para manter o azul profissional, não lúdico. Dica: use azul oceano para links e marcadores de seção, não para preencher grandes fundos.

Exemplo de imagem de pewter ocean gerado usando media.io

15) Carbon Neon Lime

HEX: #1c1f23 #2f333a #555c66 #b8ff4a #f4ffe0

Clima: ousado, alto contraste, futurista

Ideal para: banner publicitário de produto gamer

Ousado e futurista, cinzas carbono fazem o lime neon parecer um destaque de HUD em um ambiente escuro. É ideal para anúncios gamer, lançamentos tech e banners marcantes onde se busca instantaneidade visual. Combine com formas cortantes e um único efeito de glow lime para manter elegante, não caótico. Dica: restrinja o lime a um botão principal e uma linha de detalhe para vibe premium e controlada.

Exemplo de imagem de carbon neon lime gerado usando media.io

16) Taupe de Museu

HEX: #2d2c2a #474543 #746b63 #b9aa96 #f2ede6

Clima: clássico, curado, discreto

Ideal para: layout de brochura de galeria de arte

Clássico e curado, os cinzas tendendo ao taupe evocam paredes de museu, quadros emoldurados e luzes de trilho suaves. Funciona para brochuras de galeria, programas culturais e peças impressas refinadas. Combine com grandes margens e linhas sutis para respirar o conteúdo. Dica: use o creme claro para fundo de páginas e mantenha o tom mais escuro para legendas e navegação.

Exemplo de imagem de taupe de museu gerado usando media.io

17) Monochrome Drift

HEX: #17181b #2a2c31 #4a4e57 #7b818d #d9dde3

Clima: minimalista, neutro, ultra-moderno

Ideal para: biblioteca de componentes ui mobile

Minimalista e ultra-moderno, esses cinzas em deriva lembram neblina, cromo e tipografia limpa. Uma paleta de cinza escuro como esta é perfeita para bibliotecas de componentes, sistemas de design e kits UI que exigem máxima flexibilidade. Combine com um único destaque de marca em outro lugar do produto e deixe esses neutros sustentarem a estrutura. Dica: garanta acessibilidade usando o cinza mais claro atrás de texto pequeno e reserve o preto próximo para etiquetas importantes.

Exemplo de imagem de monochrome drift gerado usando media.io

18) Espresso Olive

HEX: #2a2420 #413835 #5a6150 #8b9b6a #efece6

Clima: terroso, rústico-moderno, acolhedor

Ideal para: branding e cardápio de restaurante

Terroso e acolhedor, marrom-acinzentado espresso com verde oliva lembra mesas de madeira, pratos de cerâmica e ervas na tábua. Ideal para branding de restaurantes, cardápios farm-to-table e embalagens culinárias. Combine com texturas naturais de papel e ilustrações simples para uma sensação de conexão com a terra. Dica: use oliva para marcadores de categoria e destaques, mantendo o espresso mais escuro para títulos e logomarca.

Exemplo de imagem de espresso olive gerado usando media.io

19) Pastéis de Dia Chuvoso

HEX: #2a2d34 #434854 #6f7582 #c9b7d8 #e8eef5

Clima: suave, amigável, tech-leve

Ideal para: modelo de planner para estudante

Suave e amigável, cinzas de chuva misturados ao lilás delicado lembram cadernos, tardes nubladas e foco tranquilo. É ótimo para planners, dashboards de estudo e organizadores imprimíveis que devem transmitir suporte. Combine com formas arredondadas e preenchimentos suaves nas seções com azul-cinza pálido. Dica: limite o lilás a cabeçalhos e marcas de checklist para que o layout permaneça legível ao imprimir.

Exemplo de imagem de pastéis de dia chuvoso gerado usando media.io

20) Noir Gold Accent

HEX: #1b1c1f #2f3136 #585b61 #c7a04a #f6f0e3

Clima: luxo, dramático, alto contraste

Ideal para: anúncio premium de relógio

Luxuoso e dramático, cinzas noir com dourado quente passam a sensação de boutique escura e luz pontual em metal polido. Use em anúncios de produtos premium, landing pages de alto padrão e comunicados elegantes. Combine com pouco texto, contraste forte e fundo creme para que o dourado soe rico e não amarelado. Dica: trate o dourado como micro-destaque para logos e pequenas linhas, nunca em blocos grandes.

Exemplo de imagem de noir gold accent gerado usando media.io

Quais Cores Combinam Bem com Cinza-Escuro?

Neutros quentes como creme, linho, bege e arenito tornam o cinza escuro mais acolhedor e premium. É uma combinação confiável para embalagens, layouts editoriais e branding estilo interior onde se busca "luxo quieto" no lugar de contraste exagerado.

Destaques frios—azul aço, teal e tons de oceano—levam o cinza escuro para um lado técnico e confiável. Essas combinações são especialmente eficazes para UI de SaaS, dashboards e landing pages corporativas, pois mantêm clareza e hierarquia.

Para mais energia, use cinza escuro como base e adicione um único destaque marcante (mostarda, amarelo cítrico, cereja, lime neon ou dourado). O segredo é a moderação: um papel de destaque (CTA, badge ou marcação) mantém o design elegante e controlado.

Como Usar uma Paleta de Cinza-Escuro em Projetos Reais

Comece definindo papéis: um tom escuro para títulos/UI primária, um cinza médio para corpo de texto e bordas, e um neutro claro para fundos. Assim, evita layouts "cinza sobre cinza" sem leitura e mantém a tipografia legível.

Use destaques de forma intencional para interações e ênfases—botões, links, estados ativos, datas, etiquetas de preço ou pequenas marcas. Se precisar de mais profundidade sem adicionar cores, aposte em degradês, sombras e texturas suaves com os próprios cinzas.

Para acessibilidade, cheque o contraste (especialmente para textos pequenos) e reserve o tom mais claro como fundo dos textos. Em UI, os cinzas escuros funcionam melhor quando o fundo não é preto puro, assim reduz fadiga visual mantendo sensação premium.

Crie Visuais de Paleta Cinza-Escuro com IA

Se quiser ver como uma paleta de cinza escuro fica em layouts reais, gere maquetes rápidas com IA: hero sections, pôsteres, embalagens e telas UI. Usar um conjunto consistente de cores HEX ajuda a avaliar hierarquia, contraste e "clima" antes de finalizar.

Com o Media.io Texto para Imagem, você pode colar um prompt como nos exemplos acima, manter a paleta consistente e iterar rapidamente—ótimo para moodboards, apresentações e explorações iniciais de marca.

Próximo: Paleta de Cores de Pele