Paleta de Cores Slate Gray: 20 Inspirações com Códigos Hexadecimais

Cinza ardósia é um daqueles neutros que “sempre funcionam”: frio, equilibrado e fácil de usar em fundos sutis ou em tipografia marcante.

Abaixo estão mais de 20 ideias de paletas de cores em cinza ardósia com códigos HEX que você pode usar em UI, branding e interiores—além de dicas rápidas de combinação e prompts de IA para gerar visuais rapidamente.

Por que as paletas em cinza ardósia funcionam tão bem

O cinza ardósia está no ponto de equilíbrio entre tons azul-acinzentados e neutros atenuados, então transmite modernidade sem parecer frio ou industrial automaticamente. Pode atuar como “fundo” ou “estrutura” dependendo da intensidade escolhida.

Em produtos digitais, o cinza ardósia reforça a hierarquia: tons profundos para navegação e títulos, tons claros para superfícies e um tom de destaque para ações. Isso o torna especialmente eficaz para dashboards, fintechs e layouts editoriais.

No design físico (interiores, embalagens), o cinza ardósia traz peso e calma. Combina naturalmente com materiais quentes como madeira, areia, latão e terracota—mantendo o visual sofisticado e equilibrado.

20+ ideias de paletas em cinza ardósia (com códigos HEX)

1) Porto Envolto em Névoa

HEX: #708090 #2F3A44 #AAB2BD #D9D3C7 #C6A15B

Clima: calmo, costeiro, moderno

Melhor para: dashboard de análises SaaS

Névoa fria de porto e aço escovado criam uma atmosfera estável e focada. Use para interfaces com muitos dados, onde contraste e hierarquia são importantes, deixando o carvão mais escuro ancorar navegação e cabeçalhos. Areia e dourado suavizados tiram o tom estéril, especialmente em gráficos, selos e métricas-chave. Dica: reserve o dourado para uma ação primária e mantenha o resto em cinzas para facilitar a leitura.

Exemplo de imagem de porto envolto em névoa gerado usando media.io

Media.io

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

Experimente grátis agora

2) Aço Azul e Blush

HEX: #708090 #1F2A37 #E8B4B8 #F4F1EC #6BAED6

Clima: sofisticado, acolhedor, arejado

Melhor para: landing page de marca de beleza

Aço polido e um blush suave trazem um visual confiante e acessível. Essas combinações em cinza ardósia funcionam muito bem em landing pages, onde você quer estrutura nítida com um toque humano. Combine o blush com off-white em áreas principais, usando azul claro para links e botões secundários. Dica: mantenha o texto no off-white e use o azul mais escuro nos títulos para garantir acessibilidade.

Exemplo de imagem de aço azul e blush gerado usando media.io

3) Estúdio Erva Queimada

HEX: #708090 #3E4A3D #C9D2C1 #F2EFE9 #B08A5A

Clima: orgânico, silencioso, editorial

Melhor para: embalagem de produtos cerâmicos

Luz suave de estúdio e notas terrosas criam uma atmosfera orgânica e artesanal. Use a sálvia e o bege quente para suavizar a base fria, especialmente em embalagens onde o toque e a calma importam. O off-white dá respiro à tipografia, enquanto o verde mais escuro apoia ícones e destaques de ingredientes. Dica: imprima o cinza ardósia como campo principal do rótulo e mantenha os detalhes em um tom terroso para um toque premium.

Exemplo de imagem de estúdio erva queimada gerado usando media.io

4) Neutros de Janela em Tempestade

HEX: #708090 #111827 #9CA3AF #E5E7EB #F59E0B

Clima: elegante, alto contraste, urbano

Melhor para: telas de app móvel fintech

Reflexos de janelas em tempestade e sombras urbanas dão um tom aguçado e moderno. Essa paleta de cinza ardósia é ideal para flows fintech que exigem clareza, confiança e contraste forte para dados. Use o quase preto para textos principais e navegação, e o âmbar para status, alertas e CTAs. Dica: mantenha o âmbar em menos de 10% da interface, para não poluir visualmente.

Exemplo de imagem de neutros janela tempestade gerado usando media.io

5) Grafite e Damasco

HEX: #708090 #2B2D31 #F4A261 #F7F3E9 #264653

Clima: contraste quente, moderno, confiante

Melhor para: slides de pitch para startups

Profundidade do grafite com calor do damasco traz energia sem exagero. Funciona lindamente em apresentações, onde títulos claros, gráficos objetivos e um destaque marcante se destacam. Mantenha o off-white como base, usando damasco para destaques. Dica: combine o teal com elementos e ícones para o deck ficar coeso.

Exemplo de imagem de grafite e damasco gerado usando media.io

6) Editorial Dia Chuvoso

HEX: #708090 #0B1320 #BFC7D5 #F6F5F2 #7C5CFC

Clima: sofisticado, refinado, editorial

Melhor para: layout de matéria de revista

Calma de dia chuvoso e contraste de tinta criam um ar refinado, pronto para impressão. O aço leve mantém a leitura confortável, enquanto o quase preto destaca títulos e citações. Use violeta com parcimônia em divisores de seção, legendas ou dado de destaque. Dica: defina o texto principal no tom mais escuro e linhas amplas para preservar o aspecto editorial.

Exemplo de imagem editorial dia chuvoso gerado usando media.io

7) Concreto Nórdico

HEX: #708090 #3B4A5A #C7CED6 #F3F4F6 #A3B18A

Clima: minimalista, arejado, arquitetônico

Melhor para: guia de paleta para sala de estar moderna

Luz nórdica em paredes de concreto cria um clima minimalista e respirável. Use tons de ardósia e aço para tinta, móveis ou estofados, suavizando o espaço com superfícies cinza claras. O oliva opaco é um contraste discreto para plantas, cerâmicas ou uma cadeira. Dica: repita o oliva em dois pontos pequenos para um equilíbrio melhor que um item grande.

Exemplo de imagem de concreto nórdico gerado usando media.io

8) Toque Teal Meia-Noite

HEX: #708090 #0F172A #0EA5A4 #CBD5E1 #F8FAFC

Clima: high-tech, nítido, moderno

Melhor para: anúncio de smartwatch

Profundidade noturna com toque teal passa um ar futurista e limpo. Cinzas claros mantêm o design clínico, perfeito para anúncios de tecnologia. Use teal para destaques, brilhos e detalhes de movimento, com o tom mais escuro contornando o produto. Dica: mantenha fundos quase brancos e jogue contraste na tipografia para dar destaque ao dispositivo.

Exemplo de imagem toque teal meia-noite gerado com media.io

9) Escritório Rosa Empoeirado

HEX: #708090 #374151 #D1A3A4 #F5F2EE #8AB4F8

Clima: profissional, suave, acolhedor

Melhor para: template para relatório corporativo

A luz suave do escritório e notas de rosa empoeirado tornam um layout profissional mais acolhedor. Use o cinza mais profundo para títulos e linhas de tabelas, e aposte no branco quente para seções longas de texto. O rosa empoeirado funciona bem para cabeçalhos de seção, enquanto o azul claro destaca links e referências. Dica: mantenha gráficos em apenas duas cores de dados mais neutros para que o relatório seja lido rapidamente.

Exemplo de imagem de escritório rosa empoeirado gerado usando media.io

10) Spa Mineral Calmante

HEX: #708090 #22303C #A7C4C2 #E9EFEF #CBAE82

Clima: calmante, limpo, restaurador

Melhor para: kit de identidade de marca wellness

Tons de água mineral e vapor suave criam um clima restaurador e limpo. O verde aqua e o branco neblina transmitem frescor, enquanto o bege mais quente adiciona um toque humano e natural. Use os tons mais escuros para logos e tipografia, mantendo embalagens e posts nas redes sociais claros e leves. Dica: escolha uma textura, como um sutil granulado de papel, para manter a identidade calma em vez de brilhante.

Exemplo de imagem de spa mineral calmante gerado usando media.io

11) Hardware de Cobre

HEX: #708090 #2D3748 #B87333 #EFE7DD #6B7280

Clima: industrial, quente, premium

Melhor para: embalagem de eletrodoméstico

Aço industrial com um toque de cobre transmite sensação premium e um ar de oficina estilosa. Use o tom metálico quente para selos e nomes de modelos, enquanto o branco neutro mantém instruções e listas limpas. O cinza médio deixa painéis secundários e ícones discretos sem sumir. Dica: imprima o cobre como detalhe spot ou em hot stamping para valorizar a caixa sem exagerar no brilho.

Exemplo de imagem de hardware de cobre gerado usando media.io

12) Lã de Inverno

HEX: #708090 #1F2937 #C4CBD4 #F5F5F4 #A16207

Clima: aconchegante, sob medida, atemporal

Melhor para: editorial de moda

Lã sob medida e ar frio transmitem elegância acolhedora e discreta. Use os cinzas suaves para fundos e margens e reserve o tom intenso para títulos e preços. O marrom-dourado quente é um realce sofisticado para destaques, numeração de página ou pequenas linhas gráficas. Dica: mantenha a fotografia fria na temperatura, para que a cor de destaque pareça intencional e não acidental.

Exemplo de imagem de lã de inverno gerado usando media.io

13) Bistrô à Luz de Velas

HEX: #708090 #2B2A2F #E0C097 #F7F1E3 #8C5E3C

Clima: intimista, quente, sofisticado

Melhor para: design de menu de restaurante

O calor das velas contra uma pedra escura transmite intimismo e sofisticação. Use o tom mais profundo para títulos de menu e divisores de seção, mantendo o texto principal sobre o tom cremoso do papel para facilitar a leitura. Os tons bege e cacau funcionam bem para ícones, etiquetas dietéticas e bordas sutis. Dica: reserve o marrom mais quente para pratos autorais, assim os destaques parecem selecionados, não excessivos.

Exemplo de imagem de bistrô à luz de velas gerado usando media.io

14) Noite Celestial

HEX: #708090 #0A0F1F #94A3B8 #F8FAFC #F97316

Clima: dramático, moderno, energético

Melhor para: pôster de festival de música

A atmosfera de noite celestial adiciona drama, com destaques brilhantes que lembram neon contra o céu profundo. Use o quase preto para o fundo do pôster, depois estruture a hierarquia tipográfica com cinza ardósia e cinza claro. O laranja vibrante é perfeito para datas, informações de ingressos ou um gráfico de destaque. Dica: mantenha o laranja em apenas um peso tipográfico para um efeito de sinal intencional.

Exemplo de imagem de noite celestial gerado usando media.io

15) Minimalismo no Museu

HEX: #708090 #20262E #B8C0CC #FFFFFF #9B8C7A

Clima: silencioso, curado, galeria-limpa

Melhor para: sinalização de museu

Tons silenciosos e curados evocam uma parede de galeria com espaçamento planejado. Use branco como fundo principal para sinalização, apostando nos tons escuros para setas, números de salas e títulos legíveis. O quente tom de pedra contribui para destacar exposições especiais sem conflitar com as obras de arte. Dica: escolha um estilo de ícone e mantenha alto contraste para leitura à distância.

Exemplo de imagem de minimalismo no museu gerado usando media.io

16) Caminho de Pedras

HEX: #708090 #334155 #CBD5E1 #F1F5F9 #22C55E

Clima: fresco, limpo, levemente lúdico

Melhor para: onboarding de app ui

Pedras suaves e ar fresco passam energia leve e limpa. Use tons claros para telas de boas-vindas espaçosas, trazendo o verde como sinalização positiva para progresso, estados de sucesso e confirmações. O cinza escuro mantém títulos evidentes e ajuda ilustrações a ganhar destaque. Dica: deixe indicadores de progresso verdes apenas no passo ativo, para que o usuário saiba exatamente onde está.

Exemplo de imagem de caminho de pedras gerado usando media.io

17) Deriva de Oliva

HEX: #708090 #2A3D3B #7D8F69 #E6E2D8 #D97706

Clima: aventureiro, seguro, terroso

Melhor para: banner de e-commerce de equipamentos outdoor

Tons seguros e prontos para trilha passam aventura sem exagerar na rusticidade. O oliva e o verde acinzentado combinam com fotografia de produtos, enquanto o areia clara mantém banners abertos e legíveis. Use o laranja quente como ponto de atenção para descontos ou lançamentos limitados. Dica: mantenha o destaque apenas em textos curtos, para valorizar a oferta sem competir com o produto.

Exemplo de imagem de deriva de oliva gerado usando media.io

18) Tinta e Areia

HEX: #708090 #0F172A #D6D3CD #F9FAFB #2563EB

Clima: nítido, moderno, confiante

Melhor para: ui de site de portfólio

O contraste de tinta escura sobre areia suave transmite modernidade e nitidez, como uma página bem diagramada. Essa paleta de cinza ardósia combina com portfólios onde os projetos precisam de espaço e a tipografia lidera a narrativa. Junte azuis frios a seções neutras para links e hovers, reservando o tom mais escuro para navegação e títulos. Dica: use o azul apenas em elementos interativos, facilitando a navegação do visitante.

Exemplo de imagem de tinta e areia gerado usando media.io

19) Lavanda Nublada

HEX: #708090 #2E2A3B #B8B3D6 #F4F3F8 #D4A373

Clima: romântico, suave, moderno

Melhor para: convite de casamento

Lavanda nublada e cinza macio soam românticos e modernos ao mesmo tempo. Use o lavanda claro como campo principal do papel, aplicando tipografia no cinza roxo profundo para leitura elegante. O bege quente traz toque sutil e festivo para monogramas, bordas ou pequenos motivos. Dica: mantenha elementos decorativos finos e mínimos para a paleta ficar leve e não muito adocicada.

Exemplo de imagem de lavanda nublada gerado usando media.io

20) Sala Neblina do Porto

HEX: #708090 #334E68 #BFD7EA #F0F7FF #F6C453

Clima: brilhante, amigável, organizado

Melhor para: infográfico educacional

Azuis neblina brilhantes transmitem simpatia e organização, como a parede calma de uma sala de aula. Use tons claros de céu para seções e caixas; o azul acinzentado mais intenso mantém títulos e rótulos legíveis. O amarelo ensolarado realça fatos-chave, ícones e destaques que orientam o olhar. Dica: aplique o amarelo em um elemento recorrente, como balões de destaque, criando um sinal visual consistente.

Exemplo de imagem de sala neblina do porto gerado usando media.io

21) Contraste Ameixa Defumada

HEX: #708090 #2B1B2E #A78BFA #EDE9FE #94A3B8

Clima: criativo, luxuoso, ligeiramente dramático

Melhor para: design de capa de livro

Ameixa defumada e violeta suave transmitem criatividade e requinte, como tinta do entardecer em papel texturizado. Use o tom ameixa intenso no fundo ou bloco do título, trazendo o violeta claro para o nome do autor e pequenos detalhes. O cinza-azulado frio mantém o design sóbrio, evitando excesso de roxo adocicado. Dica: defina o título principal em uma serifa de alto contraste, mantendo o resto da tipografia minimalista para um acabamento moderno.

Exemplo de imagem de contraste ameixa defumada gerado usando media.io

Quais cores combinam com cinza ardósia?

O cinza ardósia combina facilmente com neutros quentes como areia, creme, bege e trigo quando você busca um visual mais suave e acolhedor. Esses tons “aquecem” a base azul-acizentada sem perder a modernidade.

Para um contraste digital nítido, combine cinza ardósia com quase preto/marinho e um branco limpo, adicionando um destaque de alta visibilidade (âmbar, laranja, teal ou azul elétrico) para CTAs e estados.

Se quiser uma paleta mais expressiva, o cinza ardósia também funciona bem com pastéis suaves (rosa empoeirado, lavanda) e verdes terrosos (sálvia, oliva), que mantêm o esquema calmo com personalidade.

Como usar uma paleta cinza ardósia em projetos reais

Comece atribuindo funções: use ardósia/carvão escuros para texto principal e navegação, ardósia média para elementos secundários de UI, e cinzas bem claros para superfícies e espaçamentos. Isso garante leitura e consistência entre páginas.

Depois, escolha uma família de destaque e mantenha-a. Destques quentes (ouro, damasco, cobre) soam premium e amigáveis, enquanto frios (teal, céu, violeta) parecem mais modernos e técnicos.

Por fim, teste contraste cedo—principalmente para botões, rótulos pequenos e gráficos de dados. O cinza ardósia é sutil, então uma hierarquia planejada evita que tudo vire o mesmo “cinza agradável”.

Crie visuais de paleta cinza ardósia com IA

Se for montar um moodboard, conceito de UI ou mockup de embalagem, gerar imagens com base na paleta ajuda a validar o clima antes de prosseguir para arquivos finais.

Com a ferramenta de texto para imagem do Media.io, você pode colar um prompt (como os do exemplo acima), definir a proporção da imagem e iterar rapidamente até que luz, materiais e estilo combinem com sua marca.

Quando gostar de uma direção, mantenha a base de cinza ardósia consistente e troque apenas o tom de destaque para explorar variações sem redesenhar tudo do zero.

Próximo: Paleta de Cores Trigo