Cinza-fumaça é o tipo de neutro que instantaneamente faz um layout parecer moderno, calmo e intencional. É suave o suficiente para visuais minimalistas, mas forte o bastante para manter contraste e destacar a tipografia.
Abaixo estão 20 ideias de paletas de cores cinza-fumaça com códigos HEX, além de dicas práticas de combinações para marcas, interiores e design de interface.
Neste artigo
- Por que as Paletas Cinza-Fumaça Funcionam tão Bem
-
- linho nebuloso
- rosa grafite
- neblina costeira
- concreto urbano
- cinza-sálvia
- névoa azul-aço
- carvão cítrico
- mocha de pedra
- ameixa de inverno
- marfim minimalista
- estúdio teal empoeirado
- terracota de pedra
- cinza meia-noite
- lavanda prata
- ardósia espresso
- liga blush
- sombra de pinho
- cinza tempestade de areia
- pérola tinta
- mecânico mostarda
- Quais cores combinam bem com cinza-fumaça?
- Como usar uma paleta de cor cinza-fumaça em projetos reais
- Crie visuais de paleta cinza-fumaça com IA
Por que as Paletas Cinza-Fumaça Funcionam tão Bem
O cinza-fumaça está no ponto ideal entre o frio e o quente, por isso se adapta a muitos estilos—de interiores escandinavos a layouts editoriais de alto contraste. Também é menos "chapado" do que o cinza puro, o que ajuda os projetos a parecerem mais aconchegantes e sofisticados.
Como o cinza-fumaça é naturalmente discreto, ele dá espaço para que seu conteúdo se destaque. Fotografias, imagens de produtos e tipografia tendem a parecer mais limpas quando as cores do fundo não competem pela atenção.
Também é uma base fácil para cores de destaque. Seja com pastéis suaves, verdes profundos ou cítricos vibrantes, o cinza-fumaça mantém a paleta coesa e ajuda a controlar o contraste para melhor leitura.
20+ Ideias de Paletas de Cor Cinza-Fumaça (com Códigos HEX)
1) Linho Nebuloso
HEX: #b2b5b8 #e9e3db #8a8f94 #f7f4ef #4a4f55
Clima: calmo, arejado, discreto
Ideal para: sala de estar escandinava
Calmo e respirável como a neblina da manhã sobre tecido limpo, estes tons transmitem um refinamento silencioso. Use em interiores claros onde se busca suavidade sem perder a definição. Combine o carvão mais escuro com brancos de linho para contraste, e adicione madeira natural ou ferragens pretas foscas para trazer aconchego. Dica: repita o cinza médio em rodapés ou tecidos para unir o ambiente.
Exemplo de imagem de linho nebuloso gerado usando media.io
Media.io é um estúdio online de IA para criar e editar vídeo, imagem e áudio no seu navegador.
2) Rosa Grafite
HEX: #a7abb0 #3c3f45 #d8a3a8 #f2e7ea #6b6f76
Clima: moderno, romântico, sofisticado
Ideal para: embalagem de marca de beleza
Sofisticado e levemente romântico, lembra esboços de grafite suavizados por um toque de blush. Funciona perfeitamente para embalagens de beleza, rótulos de fragrância e papelaria premium onde se busca elegância sem brilho. Deixe o grafite escuro carregar a tipografia e use o tom rosa para selos, ícones ou um elemento de destaque. Dica: mantenha o uso do rosa pequeno e intencional para um acabamento luxuoso.
Exemplo de imagem de rosa grafite gerado usando media.io
3) Neblina Costeira
HEX: #b9bdc1 #6e8796 #dde7ea #2f4f5c #f6fbfc
Clima: fresco, costeiro, tranquilo
Ideal para: interface de blog de viagem
Fresca e tranquila como a bruma sobre uma orla, esta combinação evoca limpeza e confiança. É ideal para sites de viagem ou saúde que precisam de clareza e serenidade. Use o azul-ardósia para navegação e botões, mantendo as áreas de conteúdo claras para leitura sem esforço. Dica: reserve o tom mais escuro para títulos e mantenha a página arejada.
Exemplo de imagem de neblina costeira gerado usando media.io
4) Concreto Urbano
HEX: #aeb3b7 #d7d9dc #6a7077 #2d3035 #f3f4f6
Clima: industrial, confiante, minimalista
Ideal para: portfólio de arquitetura
Industrial e confiante, remete ao concreto, aço e sombras definidas entre blocos urbanos. Uma paleta cinza-fumaça como essa é ideal para portfólios de arquitetura e estudos de design de produto onde a imagem é protagonista. Use o quase-preto com brancos limpos para tipografia, e mantenha os cinzas médios para grades e divisores. Dica: aplique o tom mais escuro em um único cabeçalho fixo para ancorar páginas longas com rolagem.
Exemplo de imagem de concreto urbano gerado usando media.io
5) Cinza-Sálvia
HEX: #b3b7b4 #8fa59a #e7ebe8 #556a61 #f7f3ee
Clima: natural, restaurador, suave
Ideal para: design de folheto de spa
Restaurador e natural, estes tons lembram pedra fria ao lado de ervas macias. São ideais para folhetos de spa, marcas de autocuidado e layouts editoriais calmos que precisam de um toque orgânico gentil. Combine tons de sálvia e verde escuro para cabeçalhos, deixando o quase-branco carregar o texto e o espaço. Dica: use o cinza médio como bloco sutil de fundo para depoimentos ou preços.
Exemplo de imagem de cinza-sálvia gerado usando media.io
6) Névoa Azul-Aço
HEX: #b0b6bc #5d6f7f #dfe6ec #2e3b45 #f8fafc
Clima: frio, técnico, confiável
Ideal para: interface de dashboard SaaS
Frio e técnico, lembra aço escovado e ar de inverno nítido. Funciona bem para dashboards onde se busca confiança, estrutura e conforto em longas sessões. Use o azul-aço para ações principais e o carvão para gráficos e números-chave. Dica: mantenha painéis grandes no tom mais pálido para reduzir fadiga visual.
Exemplo de imagem de névoa azul-aço gerado usando media.io
7) Carvão Cítrico
HEX: #b1b4b7 #2c2f33 #f2b705 #f7f0de #6b7076
Clima: ousado, energético, alto contraste
Ideal para: pôster de evento esportivo
Ousado e vibrante, lembra ruas noturnas iluminadas por um neon. Essas combinações de cinza-fumaça brilham em pôsteres e gráficos sociais que precisam de contraste instantâneo e chamada de ação clara. Use o cítrico como destaque para datas, preços ou botões, enquanto o carvão conduz os textos. Dica: mantenha o amarelo apenas em um nível de destaque, garantindo um visual premium sem excesso.
Exemplo de imagem de carvão cítrico gerado usando media.io
8) Mocha de Pedra
HEX: #b4b0ab #7b6f68 #e7ded5 #3f3a36 #f6f1ea
Clima: acolhedor, sólido, neutro quente
Ideal para: design de menu de cafeteria
Aconchegante e sólido, evoca pedras suaves, pó de cacau e a luz quente de café. É uma escolha natural para menus, rótulos artesanais e branding estilo de vida com toque terrestre. Use o tom escuro espresso para títulos e ícones, e os tons cremosos para áreas legíveis. Dica: adicione textura com granulação de papel sutil, em vez de muitas cores.
Exemplo de imagem de mocha de pedra gerado usando media.io
9) Ameixa de Inverno
HEX: #b2b5bb #5b4a66 #e9e6ef #2e2a33 #a38aa8
Clima: dramático, elegante, editorial
Ideal para: layout de editorial de moda
Dramático e elegante, lembra o crepúsculo de inverno com um toque de batom ameixa. É perfeito para editoriais de moda, lookbooks ou portfólios que procuram impacto sem aspereza. Use o ameixa profundo para citações e separadores, e deixe o lavanda-cinza claro carregar margens e legendas. Dica: mantenha os textos em carvão escuro para leitura nítida na impressão.
Exemplo de imagem de ameixa de inverno gerada usando media.io
10) Minimal Ivory
HEX: #b6b8bb #f5f1ea #d9d2c7 #7a7e84 #2f3136
Clima: minimalista, estilo galeria, atemporal
Ideal para: página de produto UI landing
Atemporal e limpo como galeria, estes tons lembram paredes curadas e holofotes suaves. Funcionam bem para páginas de produtos onde fotografia e texto precisam de espaço. Use o quase-preto com moderação para títulos e CTAs, e mantenha o marfim como tela principal. Dica de uso: utilize o bege-cinza quente em cartões sutis para separar seções sem bordas.
Exemplo de imagem do Minimal Ivory gerado com media.io
11) Dusty Teal Studio
HEX: #aeb4b8 #4f7a78 #dfe7e6 #264645 #f2f5f4
Clima: criativo, calmo, contemporâneo
Ideal para: identidade de agência criativa
Criativo e calmo, sugere um estúdio silencioso com respingos teal sobre concreto. Ideal para branding de agências que querem personalidade com profissionalismo. Utilize teal para logos e elementos-chave, e o verde escuro para tipografia e contraste. Dica de uso: mantenha o teal em blocos ou linhas constantes para uma identidade coesa.
Exemplo de imagem do Dusty Teal Studio gerado com media.io
12) Stone Terracotta
HEX: #b5b2af #c66b4f #f1e5dd #6a4b40 #2f3034
Clima: terroso, arquitetônico, acolhedor
Ideal para: identidade de marca de restaurante
Terroso e arquitetônico, lembra argila queimada sobre pedra fria. Uma combinação de cinza frash com terracota é perfeita para restaurantes, marcas de cerâmica e hotelaria boutique. Use terracota para logos e destaques, e carvão para menus e sinalização. Dica de uso: empregue o bege suave como fundo para suavizar contrastes em textos longos.
Exemplo de imagem do Stone Terracotta gerado com media.io
13) Midnight Ash
HEX: #9fa3a7 #1f2328 #3b414a #cfd4d8 #f4f6f8
Clima: elegante, dramático, voltado para tecnologia
Ideal para: interface de app dark mode
Elegante e dramático, lembra o skyline da cidade após a chuva. Feito para interfaces dark mode onde legibilidade e hierarquia são essenciais. Use o quase-preto para fundos e cinzas claros para textos e superfícies, garantindo contraste acessível. Dica de uso: reserve o slate médio para botões secundários, destacando ações principais.
Exemplo de imagem do Midnight Ash gerado com media.io
14) Silver Lavender
HEX: #b5b7bd #b8a9d6 #ece9f6 #6d6281 #2f2d36
Clima: suave, sonhador, moderno
Ideal para: design de convite de casamento
Suave e sonhador, lembra pétalas lilás cobertas por pó prateado. Perfeito para convites de casamento e papelaria de eventos com toque moderno. Use lavender para nomes e detalhes delicados, e violeta escuro para textos pequenos e RSVP. Dica de uso: use bastante espaço negativo para manter os tons claros nítidos na impressão.
Exemplo de imagem do Silver Lavender gerada com media.io
15) Espresso Slate
HEX: #a9adb2 #4a525b #2b2623 #d9dbde #f0ede9
Clima: sério, sofisticado, firme
Ideal para: página de produto ecommerce de moda masculina
Sério e sofisticado, lembra pedra slate com couro espresso escuro. Funciona para ecommerce masculino onde materiais e acabamento devem parecer premium. Use espresso para navegação e preços, cinzas claros para detalhes do produto. Dica de uso: mantenha botões em slate em vez de preto, garantindo um toque moderno e suave.
Exemplo de imagem do Espresso Slate gerado com media.io
16) Blush Alloy
HEX: #b3b6bb #e6b8bf #f7eef0 #6f747c #2d2f34
Clima: suave, premium, contemporâneo
Ideal para: anúncio de produto de joias
Suave e premium, evoca metal escovado aquecido por brilho blush suave. Uma paleta de cinza frash com esse tom rosado funciona para anúncios de joias, promoções de skincare e coleções de presentes. Use blush como fundo principal ou banner e nomes de produtos em carvão para clareza. Dica de uso: mantenha destaques no tom mais claro para imitar reflexão de estúdio limpo.
Exemplo de imagem do Blush Alloy gerado com media.io
17) Pine Shadow
HEX: #aeb2b1 #2f4b3f #dfe6e2 #1e2c26 #6f7f78
Clima: ao ar livre, calmo, robusto
Ideal para: embalagem de produto para equipamentos outdoor
Ao ar livre e calmo, lembra agulhas de pinheiro sob luz de montanha enevoada. Ideal para embalagens de equipamentos outdoor que precisam parecer duráveis e não chamativos. Use pinho escuro para logos e etiquetas, cinzas claros para blocos de informação. Dica de uso: adicione faixa sólida de pinho para criar forte silhueta nas prateleiras.
Exemplo de imagem do Pine Shadow gerado com media.io
18) Sandstorm Grey
HEX: #b7b2ab #cdbca7 #f3eee6 #7a746d #3a3836
Clima: aquecido pelo sol, neutro, relaxante
Ideal para: interior minimalista de quarto
Aquecido pelo sol e relaxante, lembra areia polida ao vento encontra pedra fria. Ótima opção para quartos e cantos de leitura, oferecendo conforto sem peso. Use o greige escuro para têxteis e creme claro para paredes, mantendo o espaço iluminado. Dica de uso: repita o tom de areia quente em um grande tapete para unificar a paleta.
Exemplo de imagem do Sandstorm Grey gerado com media.io
19) Ink Pearl
HEX: #b0b4b9 #101417 #3a424a #e7eaee #f8f9fb
Clima: nítido, sofisticado, editorial
Ideal para: interface de site de marca de luxo
Nítido e sofisticado, parece tinta preta sobre papel pérola. Ideal para sites de marcas de luxo onde espaços em branco, tipografia e enquadramento de imagem se destacam. Use preto intenso para navegação/títulos e tons pérola para margens e painéis de conteúdo. Dica de uso: mantenha bordas ultra-leves e confie no espaçamento em vez de divisores pesados.
Exemplo de imagem do Ink Pearl gerado com media.io
20) Mustard Mechanic
HEX: #b1b3b5 #d6a21a #f4edd6 #53585f #23262a
Clima: retrô, confiante, industrial
Ideal para: design de flyer de oficina
Retrô e confiante, lembra máquinas antigas com faixa de tinta mostarda. Perfeito para flyers de oficina, eventos de makers e sinalização ousada com rápida legibilidade. Use mostarda para detalhes chave (datas, locais), mantendo o restante em cinzas para hierarquia limpa. Dica de uso: defina tipografia em carvão escuro e mostarda só para destaque, evitando brilho excessivo.
Exemplo de imagem do Mustard Mechanic gerado com media.io
Quais cores combinam bem com cinza-fumaça?
O cinza frash combina perfeitamente com brancos nítidos, carvão e quase-preto, criando contraste limpo e tornando-o uma base confiável para layouts modernos de UI e tipografia. Se quiser um visual mais suave, utilize off-white quentes e tons greige para manter a paleta leve e natural.
Para acentos, tons suaves como sálvia, azul slate, teal empoeirado, lavender e blush adicionam personalidade sem sobrecarregar a base neutra. Se precisar de energia, um toque controlado de mostarda ou amarelo cítrico cria hierarquia instantânea em CTAs, datas, ou etiquetas principais.
Em caso de dúvida, mantenha o cinza frash como “tela” e escolha uma família de acentos (azuis/verdes frios ou rosas/terracota quentes) repetindo-a de forma consistente para garantir coesão.
Como usar uma paleta de cor cinza-fumaça em projetos reais
Em design web/app, use os tons mais claros de cinza frash como fundo das páginas, reservando cinzas escuros para títulos, ícones e navegação. Isso mantém a interface legível, reduz brilho e organiza o conteúdo sem bordas pesadas.
Para branding e impressão, o cinza frash funciona melhor quando controla-se o contraste: tons escuros para tipografia/logos, neutros suaves para fundos e áreas grandes. Um único acento (blush, teal ou terracota) pode definir a assinatura visual da marca sem ser chamativo.
Em interiores, repita um tom médio de cinza em tecidos ou acabamentos para unificar o ambiente e adicione textura (madeira, pedra, linho, metal fosco) em vez de mais cores. O cinza frash é eficaz quando os materiais fazem o “decorativo”.
Crie visuais de paleta cinza-fumaça com IA
Se já tem códigos HEX mas precisa de imagens realistas, gere mockups mostrando o comportamento da paleta em contexto — telas UI, embalagens, pôsteres ou interiores. Ver o cinza frash ao lado de acentos é a maneira mais rápida de validar contraste e clima.
Com a ferramenta de texto para imagem do Media.io você pode descrever a cena exata (estilo, iluminação, materiais, layout) e iterar rapidamente até a paleta ficar ideal. Isso ajuda a testar múltiplos acentos — como sálvia vs. blush — sem precisar redesenhar do zero.
Experimente começar com uma das paletas acima e ajuste o prompt para diferentes usos (herói de site, brochura, anúncio de produto) para criar um sistema visual consistente.
Perguntas frequentes sobre paleta de cores cinza frash
-
O que é cinza frash (e como se diferencia do cinza padrão)?
Cinza frash é um tom suave e levemente apagado de cinza, com nuances frias ou quentes. Comparado ao cinza “puro”, tende a parecer mais natural e menos plano, conferindo um aspecto premium aos designs. -
Cinza frash é quente ou frio?
Pode ser ambos, depende do subtom. Muitos cinzas frash puxam para o frio (azul/verde), mas alguns para o quente (bege/marrom). Combine com marfim para ressaltar calor, ou com azul slate/acero para enfatizar um visual mais frio. -
Quais cores de acento combinam melhor com cinza frash?
Acentos suaves como sálvia, azul slate, teal empoeirado, rosa blush, lavender e terracota são as combinações mais fáceis. Para destaque de alto contraste, mostarda ou amarelo cítrico funcionam bem quando usados com moderação em CTAs e destaques. -
Como escolher cores de texto sobre fundo cinza frash?
Use preto intenso ou carvão para texto sobre fundo cinza frash claro, e off-white ou cinza muito claro sobre fundo cinza frash escuro. Sempre verifique o contraste (especialmente em UI) para garantir leitura confortável e acessível. -
Cinza frash funciona para branding minimalista?
Sim. O cinza frash favorece branding minimalista, mantém o tom visual calmo e oferece estrutura para tipografia, grades e fotografia de produtos. Adicione um único acento consistente para criar a assinatura da marca. -
Quais paletas cinza frash são melhores para design UI?
Experimente Coastal Fog, Steel Blue Mist, Urban Concrete, Ink Pearl ou Midnight Ash. Esses conjuntos incluem etapas claras do claro ao escuro que ajudam a construir hierarquia para fundos, cartões, bordas e ações primárias. -
Posso gerar mockups de paleta cinza-acinzentada a partir de um prompt?
Sim. Com uma ferramenta de texto para imagem como o Media.io, você pode gerar visuais baseados em paleta, como painéis, pôsteres, embalagens ou interiores, descrevendo a cena e especificando o clima (minimalista, editorial, aconchegante, tecnológico).
Próximo: Paleta de Cores Vermelho e Rosa
