Paletas de cores sombreadas estão no ponto ideal entre contraste ousado e neutralidade silenciosa, tornando-se fáceis de usar em interfaces, impressos e sistemas de marca.
Abaixo estão 20 combinações modernas de paletas com tons de sombra e códigos HEX, além de dicas práticas de combinação e prompts de IA para você reutilizar em mockups visuais rápidos.
Neste artigo
- Por que as paletas de sombra funcionam tão bem
-
- véu da meia-noite
- flor de grafite
- fumaça e amora
- linho de pedra de tinta
- orquídea ao entardecer
- pinheiro envolto em névoa
- rosa de cinzas
- porto de sombra
- obsidiana silenciosa
- lavanda ardósia
- carvão e argila
- ameixa tempestuosa
- azeitona acinzentada
- teal fantasma
- cacau ao luar
- lilás de ferro
- arenito enfumaçado
- fruto do corvo
- carvão enevoado
- cobre noturno
- Quais cores combinam com tons de sombra?
- Como usar uma paleta de sombra em projetos reais
- Crie visuais de paletas de sombra com IA
Por que as paletas de sombra funcionam tão bem
Paletas de sombra são construídas sobre tons quase pretos, cinzas carvão e acentos suavizados, criando naturalmente hierarquia sem parecerem chamativas. Você obtém profundidade e estrutura mesmo quando o layout é minimalista.
Elas também funcionam bem em dispositivos e no impresso porque evitam extremos como preto puro ou cores super saturadas. Isso mantém os gradientes suaves, a tipografia calma e os fundos mais equilibrados.
Mais importante, tons de sombra fazem com que os acentos pareçam intencionais. Um único toque de malva, cobre, teal ou azeitona pode transmitir personalidade à marca enquanto a base neutra mantém tudo coeso.
20+ ideias de paletas de cores sombreadas (com códigos HEX)
1) Véu da Meia-Noite
HEX: #0f1116 #242833 #3b4252 #7a8090 #d8d9df
Clima: misterioso, limpo, alto contraste
Melhor para: UI de dashboard SaaS em modo escuro
Misterioso e nítido como luzes da cidade cortando a neblina noturna. Ideal para layouts em modo escuro onde hierarquia importa e a clareza do texto deve ser mantida. Combine o carvão mais escuro com o cinza claro para legibilidade, usando o ardósia como tom médio para cartões e painéis. Dica: reserve o tom mais claro para métricas principais e botões prioritários para manter o foco.
Exemplo de imagem do véu da meia-noite gerado com media.io
Media.io é um estúdio de IA online para criar e editar vídeos, imagens e áudios direto no seu navegador.
2) Flor de Grafite
HEX: #1a1b1f #2f323a #4a4f5c #8e90a0 #cbb6c9
Clima: moderno, suave, levemente romântico
Melhor para: conjunto de identidade de marca de beleza
Moderno e aveludado, como pó de grafite com um toque de pétala. Funciona lindamente para marcas de beleza onde se busca elegância sem ser totalmente pastel. Use logotipos e textos em grafite profundo e traga um leve colorido de malva nos detalhes, padrões ou templates sociais. Dica: deixe as áreas de fundo em tons frios de cinza para que o tom rosado pareça intencional e não açucarado.
Exemplo de imagem da flor de grafite gerado com media.io
3) Fumaça e Amora
HEX: #16131a #2c2431 #4d3a55 #7f6a86 #cfc6d6
Clima: dramático, luxuoso, criativo
Melhor para: arte de capa de álbum
Dramático e luxuoso, como fumaça de incenso serpenteando por um cômodo de veludo. Esses tons são perfeitos para artes visuais de música, lançamentos indie e capas de filmes com atmosfera cinematográfica. Use o tom de amora sobre o quase preto para tipografia destacada, suavizando com lavanda acinzentado para profundidade. Dica: adicione granulação sutil nas áreas mais escuras para manter a riqueza dos tons.
Exemplo de imagem de fumaça e amora gerado com media.io
4) Linho de Pedra de Tinta
HEX: #121418 #2a2d33 #545a63 #a8abb0 #efe6d8
Clima: editorial, fundamentado, atemporal
Melhor para: layout de revista
Fundamentado e editorial, como tinta prensada em linho texturizado. Estas combinações de cor são ideais para leituras longas onde o contraste é calmo, não agressivo. Use o tom quente do linho nas margens e espaços negativos, criando estrutura com linhas de carvão e subtítulos em ardósia. Dica: mantenha o texto principal no cinza médio escuro para reduzir a fadiga ocular em páginas densas.
Exemplo de imagem de linho de pedra de tinta gerado com media.io
5) Orquídea ao Entardecer
HEX: #14121a #2a2436 #443a57 #6e6a86 #d9d3e8
Clima: sonhador, elegante, sutil
Melhor para: conjunto de convite de casamento
Sonhador e elegante, como orquídeas à luz tênue do entardecer. Ideal para convites românticos sem florais brilhantes, especialmente para eventos noturnos. Combine o roxo escuro com lilás suave para texto e monogramas, utilizando tons mais acinzentados para bordas e detalhes finos. Dica: imprima em papel sem revestimento para que os tons profundos permaneçam suaves e não brilhantes.
Exemplo de imagem de orquídea ao entardecer gerado com media.io
6) Pinheiro Envolto em Névoa
HEX: #101416 #253033 #3f5653 #7f928b #d7ddd8
Clima: tranquilo, natural, equilibrado
Melhor para: embalagem de produto ecológico
Tranquilo e natural, como agulhas de pinheiro desaparecendo na neblina da manhã. Funciona muito bem para embalagens ecológicas onde se busca uma referência natural sem recorrer ao verde brilhante. Utilize o teal-carvão para etiquetas, trazendo o tom de névoa suave para áreas brancas e blocos de ingredientes. Dica: adicione acabamento fosco para que os tons escuros fiquem terrosos e sofisticados.
Exemplo de imagem de pinheiro envolto em névoa gerado com media.io
7) Rosa de Cinzas
HEX: #1b1316 #332026 #5a3540 #9b6d79 #e7d6db
Clima: esfumaçado, quente, íntimo
Melhor para: design de menu de restaurante
Esfumaçado e quente, como brasas sob cinzas rosadas. Estes tons são perfeitos para menus e design de hospitalidade, trazendo sensação de intimidade e apetite sem cores chamativas. Use títulos no tom mais escuro, separadores e destaques em rosa envelhecido. Dica: reserve o tom mais claro de bege-rosa para papel ou fundo, evitando sensação pesada.
Exemplo de imagem de rosa de cinzas gerado com media.io
8) Porto de Sombra
HEX: #0e1418 #1f2a30 #334851 #6f8791 #d2dde1
Clima: fresco, náutico, profissional
Melhor para: UI de landing page financeira
Fresco e estável como um porto ao entardecer com água azul-acinzentada. Ideal para páginas financeiras e de consultoria que precisam de confiança, estrutura e modernidade. Use azul-preto escuro em cabeçalhos e áreas principais, camadas de azul suave em cartões e gráficos. Dica: mantenha ações principais no tom mais claro com texto escuro para um caminho de clique seguro e calmo.
Exemplo de imagem de porto de sombra gerado com media.io
9) Obsidiana Silenciosa
HEX: #0b0c0f #1a1c22 #2f323b #5b606d #bfc3cc
Clima: minimalista, focado, premium
Melhor para: site de portfólio fotográfico
Minimalista e focado, como obsidiana polida com brilho suave. Ideal para portfólios onde o trabalho se destaca e a interface permanece quase invisível. Crie camadas com passos sutis de cinza, tornando galerias, legendas e navegação intencionais. Dica: evite preto puro em grandes áreas e prefira o quase preto para preservar detalhes em diferentes telas.
Exemplo de imagem de obsidiana suave gerado usando media.io
10) Slate Lavender (Lavanda Ardósia)
HEX: #15161b #2a2d38 #4a4f66 #8c90ab #e4e3f0
Clima: calmo, tecnológico, acessível
Melhor para: telas de onboarding para aplicativo de saúde
Calmo e acessível, como névoa de lavanda sobre ardósia fria. Estas tonalidades funcionam bem para apps de saúde ou hábitos onde a tranquilidade importa mais que intensidade. Use ardósia para superfícies principais da UI, acrescentando lavanda em ícones e estados de progresso. Dica: mantenha o contraste consistente usando o tom claro para painéis de fundo e o tom mais escuro para rótulos principais.
Exemplo de imagem de lavanda ardósia gerado usando media.io
11) Coal and Clay (Carvão e Argila)
HEX: #14100e #2b221d #4e3c33 #8a7162 #e7dccf
Clima: terroso, tátil, rústico
Melhor para: branding de estúdio de cerâmica
Terroso e tátil, como pó de carvão sobre argila quente. Combina com ceramistas, estúdios de cerâmica e marcas artesanais que buscam materiais honestos e sensação de conexão. Use marrom-escuro para logos e carimbos, enquanto o bege argila fica para fundos de embalagens e recibos. Dica: adicione um padrão texturizado com o marrom médio para sugerir superfícies artesanais sem sobrecarregar o design.
Exemplo de imagem de carvão e argila gerado usando media.io
12) Stormy Plum (Ameixa Tempestuosa)
HEX: #111016 #262232 #3c314e #6b5b7a #cfc5d6
Clima: dramático, artístico, refinado
Melhor para: design de cartaz para teatro
Dramático e refinado, como nuvens de tempestade sobre cortinas de veludo ameixa. Estas combinações de tons sombreados brilham em cartazes onde é preciso profundidade, contraste e antecipação. Use quase-preto no fundo, tipografia ameixa e detalhes lavanda suave para conduzir o olhar. Dica: mantenha um elemento de foco forte e deixe o espaço escuro destacar o resto.
Exemplo de imagem de ameixa tempestuosa gerado usando media.io
13) Ashen Olive (Oliva Cinzenta)
HEX: #121412 #262c24 #3f4a3a #7c8a73 #dde2d6
Clima: suave, natural, calmante
Melhor para: impressão botânica em aquarela
Suave e calmante, como folhas de oliva secando na sombra. É perfeito para arte botânica, impressões de bem-estar e papelaria voltada para a natureza. Use o cinza-esverdeado claro como tom de papel e construa formas de folhagem com tons médios de oliva e musgo profundo. Dica: bordas suaves e lavagens translúcidas deixam a paleta arejada em vez de militar.
Exemplo de imagem de oliva cinzenta gerado usando media.io
14) Phantom Teal (Azul-petróleo Fantasma)
HEX: #0d1416 #1b2a2e #2f4c4f #6f8f91 #d6e1e1
Clima: elegante, frio, futurista
Melhor para: anúncio de produto de cibersegurança
Elegante e frio, como luz azul-petróleo refletindo em vidro escuro. É ideal para anúncios de cibersegurança que precisam de um clima moderno e técnico sem exagero neon. Use azul-petróleo profundo em blocos de fundo e aqua-cinza claro para destaques, insígnias e detalhes de ícones. Dica: mantenha gradientes suaves e tons brilhantes restritos a sinais pequenos como indicadores de status.
Exemplo de imagem de azul-petróleo fantasma gerado usando media.io
15) Moonlit Cocoa (Cacau ao Luar)
HEX: #120f0e #2a211e #46352e #8a7468 #e9dfd8
Clima: acolhedor, quente, sofisticado
Melhor para: cartão fidelidade de cafeteria
Aconchegante e sofisticado, como vapor de cacau sob a luz tênue do café. Estes neutros quentes são perfeitos para marcas de café, cartões fidelidade e embalagens pequenas que precisam transmitir convite. Use o tom expresso mais escuro para texto e carimbos, equilibrando com fundos bege cremosos e detalhes castanhos suaves. Dica: adicione uma borda fina em marrom médio para enquadrar o design sem pesar.
Exemplo de imagem de cacau ao luar gerado usando media.io
16) Iron Lilac (Lilás Metálico)
HEX: #14141a #2b2c3a #45465e #7a7b99 #dad8e6
Clima: industrial, suave, contemporâneo
Melhor para: site para escritório de arquitetura
Industrial e suavizado, como vigas de ferro sob luz lilás ao entardecer. Confere confiança para escritórios de arquitetura ou interiores que desejam precisão técnica com um toque humano. Deixe os tons mais escuros para navegação e títulos, enquanto o cinza-lilás entra em grades, legendas e tags de projetos. Dica: mantenha bastante espaço em branco para o roxo sutil parecer refinado, não decorativo.
Exemplo de imagem de lilás metálico gerado usando media.io
17) Sooty Sandstone (Arenito Fuligem)
HEX: #151311 #2e2924 #564d44 #9a8f84 #efe7de
Clima: patrimônio, natural, discreto
Melhor para: design de flyer para museu
Patrimônio e discrição, como fuligem sobre antigas paredes de arenito. A combinação serve para museus e eventos culturais que buscam credibilidade e calor ao mesmo tempo. Use marrom-cinza escuro para títulos e datas, arenito neutro para fundos e blocos de informação. Dica: combine uma fonte serifada e uma sem serifa para evocar o tom do passado e do presente.
Exemplo de imagem de arenito fuligem gerado usando media.io
18) Ravenberry (Bagas de Corvo)
HEX: #0f0c12 #251b28 #3f2a3e #7a5d73 #e2d6df
Clima: enigmático, ousado, estiloso
Melhor para: capa de editorial de moda
Enigmático e estiloso, como bagas escuras sob penas de corvo. Feito para editoriais de moda que são dramáticos mas ainda refinados no impresso. Defina o fundo da capa com quase preto, usando malva nas manchetes e linhas finas para um acabamento sofisticado. Dica: mantenha os elementos de destaque pequenos e intencionais para os tons mais escuros permanecerem dominantes.
Exemplo de imagem de bagas de corvo gerado usando media.io
19) Misty Charcoal (Carvão Nebuloso)
HEX: #101114 #23262d #3d424e #7e8596 #e3e6ee
Clima: neutro, arejado, confiável
Melhor para: apresentação de slides
Neutro e arejado, como carvão suavizado por névoa costeira. É uma escolha segura e moderna para apresentações, onde gráficos, números e títulos precisam de clareza consistente. Use carvão médio para texto de corpo, tom claro para base e os tons escuros para divisórias de seção. Dica: aplique o tom mais claro em um painel sutil atrás dos dados principais para melhorar a leitura.
Exemplo de imagem de carvão nebuloso gerado usando media.io
20) Nocturne Copper (Cobre Noturno)
HEX: #120f12 #2a252b #463a45 #9a6b57 #f0e2da
Clima: soturno, quente, premium
Melhor para: embalagem de vela de luxo
Soturno e premium, como cobre refletindo luz em quarto escuro. Esta paleta é perfeita para velas de luxo, etiquetas de fragrância e kits de presente que buscam calor sem brilho. Use o tom cobre com parcimônia em detalhes em hot stamping e aplique o ameixa-carvão profundo na estrutura do rótulo. Dica: mantenha o fundo claro e cremoso para que os detalhes metálicos pareçam intencionais e sofisticados.
Exemplo de imagem de cobre noturno gerado usando media.io
Quais cores combinam com tons de sombra?
Tons sombreados combinam melhor com claros suavizados (brancos nebulosos, beges linho, lilases pálidos), pois mantêm a legibilidade sem o contraste forte do branco puro. Assim, superfícies de UI e páginas editoriais ficam mais suaves.
Para destaques, escolha um tom contido que pode ser repetido nos componentes: malva, cobre, azul-ardósia, teal suave ou oliva cinzenta. Com base escura e neutra, até um destaque de baixa saturação já é suficiente.
Se precisar de mais energia, adicione uma cor de “sinal” em pequenas doses (botões, insígnias, destaques gráficos). Mantenha sob controle para a paleta continuar focada nos tons escuros, sem virar um esquema saturado.
Como usar uma paleta de sombra em projetos reais
Comece mapeando por função: o mais escuro para cabeçalhos/rodapés, escuro médio para superfícies principais, médio para bordas e painéis secundários, e o tom mais claro para cartões, modais ou fundos de dados-chave.
Em branding, mantenha logos e tipografia ancorados no neutro mais profundo e use o destaque em detalhes de embalagem, templates sociais ou detalhes em foil/spot. Paletas sombreadas soam premium quando repetidas com consistência.
Para layouts editoriais, evite usar o tom mais escuro em blocos grandes. Uma base quase preta com margens off-white quentes é mais refinada e imprime melhor.
Crie visuais de paletas de sombra com IA
Se você já tem códigos HEX, a maneira mais rápida de validar a paleta sombreadas é gerar mockups realistas (UI, pôsteres, embalagens) antes de desenhar tudo manualmente. Assim, você testa rápido se contraste, clima e equilíbrio funcionam.
Reutilize os prompts acima, insira seu conceito (tipo de marca, layout, tema) e mantenha direção consistente da paleta (carvão, ardósia, destaques suaves). Útil especialmente em pitch decks e explorações iniciais de marca.
Com o Media.io, você pode gerar variações em minutos e refinar os prompts para controlar luz, textura e composição mantendo o tom sombra intacto.
Perguntas Frequentes Sobre Paleta de Cores Sombreadas
-
O que é uma paleta de cores sombreadas?
Paleta de cores sombreadas é um conjunto de neutros escuros (quase preto, carvão, ardósia) mais alguns tons médios suaves e matizes claros, desenhada para criar profundidade e hierarquia sem saturação forte. -
Sombra é o mesmo que preto e cinza?
Não exatamente. Paletas sombreadas evitam preto puro e incluem neutros coloridos (carvão azulado, ameixa-carvão, teal-carvão) e destaques suaves para que o design fique dimensional e não plano. -
Paletas sombreadas são boas para UI em modo escuro?
Sim — tons sombreados são ideais para modo escuro por fornecerem vários “degraus” de cinza para superfícies e bordas, facilitando separar cartões, painéis e navegação com ótima leitura de texto. -
Como escolher uma cor de destaque para paleta sombreadas?
Escolha um tom discreto (como malva, cobre, oliva ou teal) e use com moderação. Pequenas áreas de destaque já se destacam, principalmente em CTAs e elementos importantes. -
Qual fundo é melhor para tons sombra em impressão?
Tons clarinhos e quentes (linho, arenito, bege rosado) costumam imprimir mais suavemente que branco puro e deixam tons escuros mais agradáveis, além de reduzir fadiga visual em layouts longos. -
Como evitar que o design sombreado fique pesado demais?
Aumente o espaçamento e os espaços em branco, use o tom mais claro para áreas grandes (cartões, margens) e reserve o tom mais escuro para pontos de destaque como títulos, navegação ou seções principais, em vez de preencher toda a página. -
Posso gerar modelos de paleta de sombras com IA?
Sim. Use um estilo de prompt consistente (layout + iluminação + “tons predominantes de carvão/ardósia com acentos suavizados”) e faça variações para testar o clima, o contraste e onde sua cor de destaque deve aparecer.
Próximo: Paleta de Cores Tradicional
