20 combinações de esquemas de cores carvão moderno com códigos hexadecimais

O carvão é o “neutro escuro” moderno que deixa os layouts sofisticados, estáveis e instantaneamente mais premium do que o preto puro. Ele é profundo o suficiente para contraste, mas mais suave para os olhos em interfaces, impressos e interiores.

Abaixo estão 20 combinações de paletas de cores de carvão prontas para usar com códigos HEX, além de ideias práticas de combinações e dicas para aplicar tons de carvão em designs reais.

Por que as paletas de carvão funcionam tão bem

O carvão ocupa o ponto ideal entre preto e cinza: oferece contraste e estrutura fortes, enquanto é menos agressivo do que o preto puro. Isso o torna ideal para marcas modernas, leituras longas e interfaces de modo escuro mais calmas.

Como o carvão é neutro, funciona bem com quase toda cor de destaque—de tons terrosos suaves a neons vibrantes. Você pode manter um design minimalista com cremes e cinzas claros, ou trazer energia com cores marcantes como coral, cítrico e ciano.

O carvão também esconde imperfeições melhor do que o preto chapado em aplicações do dia a dia. Em interiores, fotos de produtos e embalagens, aparece mais natural sob diferentes iluminações e materiais, especialmente quando combinado com textura ou reflexos quentes.

20+ Ideias de Paleta de Cores de Carvão (com códigos HEX)

1) Fumaça e Linho

HEX: #2b2b2e #3a3d41 #6f7278 #d8d3c8 #f5f1e8

Clima: calmo, arejado, discreto

Melhor para: interiores escandinavos, identidade wellness, sites minimalistas

Calmos e arejados como a névoa da manhã sobre um tecido macio, esses tons transmitem limpeza sem esterilidade. A paleta de carvão ancora os layouts com profundidade, enquanto os neutros de linho mantêm páginas e ambientes claros. Combine com ferragens pretas foscas, madeira aquecida ou texturas delicadas de fibras para um realismo extra. Dica: reserve o creme mais claro para espaços em branco e destaques, para manter os cinzas escuros nítidos.

Exemplo de imagem de fumaça e linho gerada usando media.io

Media.io

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

Experimente Agora Gratuitamente

2) Neon da Noite na Cidade

HEX: #1f2024 #343845 #00c2ff #ff4fd8 #f7f7ff

Clima: elétrico, noturno, alto contraste

Melhor para: cartazes de eventos de música, branding de esports, telas de abertura de apps

Elétrica e intensa como luzes de cidade depois da meia-noite, essa mistura brilha no contraste. Essas combinações de carvão permitem que acentos neon se destaquem mantendo a base sofisticada. Use com tipografia sans ousada e formas geométricas básicas para evitar excesso visual. Dica: limite o neon a botões e cabeçalhos principais para manter a interface legível.

Exemplo de imagem de neon da noite na cidade gerada usando media.io

3) Carvão do Estúdio Sálvia

HEX: #2a2c30 #464a52 #7a8f7b #c9d2c4 #f2f4ef

Clima: estável, fresco, criativo

Melhor para: marcas de estúdio, embalagens sustentáveis, dashboards tranquilos

Estável e fresco, lembra um estúdio ensolarado com plantas e pisos de concreto. O sálvia suave amacia os cinzas profundos, tornando a paleta acolhedora para design moderno. Combine com texturas de papel reciclado, fundos off-white e ícones de linhas sutis para um visual eco limpo. Dica: use o tom médio de sálvia para botões secundários e tags, mantendo a hierarquia clara.

Exemplo de imagem de carvão do estúdio sálvia gerada usando media.io

4) Espresso e Marrom Creme

HEX: #242427 #3b312b #6a4a3c #c8b29a #f3eadf

Clima: aconchegante, artesanal, quente

Melhor para: marcas de café, cardápios de padaria, interiores rústicos

Aconchegante e artesanal, evoca creme de espresso, couro desgastado e luz de café acolhedora. Os tons de marrom deixam a base escura menos industrial e mais convidativa. Combine com texturas de papel kraft, títulos com serifas e fotografias com luz suave para um toque artesanal. Dica: mantenha o marrom creme para fundos, garantindo legibilidade para produtos e textos.

Exemplo de imagem de espresso e marrom creme gerada usando media.io

5) Minimalismo Rosa Ardósia

HEX: #2d2f35 #4b4f5a #b08a94 #e6d4d8 #fbf6f7

Clima: suave, moderno, romântico

Melhor para: identidade de beleza, papelaria de casamento, templates sociais

Suave e moderno com um toque romântico, lembra pétalas de rosa sobre pedra polida. O rosa empoeirado aquece sem ser açucarado, especialmente em contraste com os tons cinza ardósia. Use linhas finas, margens generosas e detalhes em serifas elegantes para um toque premium. Dica: utilize o tom médio de rosa de forma pontual, como cor de destaque para CTAs ou selos.

Exemplo de imagem de minimalismo rosa ardósia gerada usando media.io

6) Azuis da Névoa do Porto

HEX: #272a2f #3d4450 #5b7a9a #a9c0d4 #eef4f8

Clima: frio, costeiro, composto

Melhor para: apps de finanças, SaaS B2B, branding náutico

Frio e composto como um porto coberto de névoa, esses azuis transmitem confiança e serenidade. A base de aço mantém os layouts profissionais, enquanto os azuis claros trazem leveza. Use com gráficos simples, componentes arredondados e gradientes sutis para um visual SaaS moderno. Dica: reserve o tom mais escuro para navegação e utilize o azul pálido em superfícies e cartões.

Exemplo de imagem de azuis da névoa do porto gerada usando media.io

7) Cinza Jornal Vintage

HEX: #2c2b2a #4a4946 #8c877f #d6d1c6 #f7f4ec

Clima: clássico, editorial, texturizado

Melhor para: revistas, capas de livros, branding de herança

Clássico e editorial, remete a papel jornal, tinta e textura de papel macio. Uma paleta de carvão como essa é perfeita para leituras longas, pois o contraste permanece confortável. Combine com fontes serifadas, filetes sutis e fotografia em preto e branco para um efeito autêntico de impressão. Dica: adicione um pouco de textura aos fundos claros para evitar aparência digital plana.

Exemplo de imagem de cinza jornal vintage gerada usando media.io

8) Toque Cítrico Grafite

HEX: #222427 #40444a #a0a4ab #ffd24a #fff6d6

Clima: divertido, energético, nítido

Melhor para: landing pages de startups, promos esportivos, conjuntos de ícones

Divertido e energético, lembra raios de sol atravessando nuvens. O amarelo traz otimismo instantâneo, enquanto os tons de grafite mantêm a nitidez do design. Combine com ícones ousados, contornos limpos e espaço em branco para que o tom vibrante seja intencional. Dica: use o cítrico só em interações-chave, como hovers e botões principais.

Exemplo de imagem de toque cítrico grafite gerada usando media.io

9) Aconchego de Cabana na Montanha

HEX: #262626 #3f3a35 #6b5b4b #9c8a74 #e7dfd3

Clima: rústico, estável, aconchegante

Melhor para: marcas outdoor, aluguel de cabanas, fotografia lifestyle

Rústico e estável, remete a fumaça de pinheiro, mantas de lã e madeira envelhecida. Os marrons quentes mantêm os tons escuros acolhedores e não frios. Combine com materiais naturais, detalhes manuscritos e iluminação quente para destacar a sensação de cabana. Dica: use o bege claro para blocos de texto e legendas, mantendo a leitura fácil sobre fotos escuras.

Exemplo de imagem de aconchego de cabana na montanha gerado usando media.io

10) Branco Mármore de Museu

HEX: #1f2125 #3b3f45 #8b9097 #d9dadc #ffffff

Clima: galeria-limpa, premium, equilibrado

Melhor para: sites de portfólio, escritórios de arquitetura, páginas de produtos de luxo

Limpa e premium como uma galeria, lembra um salão silencioso de museu com pedra polida e luzes focais suaves. Essa paleta de tons carvão é uma escolha forte para destacar fotografia, tipografia e espaços em branco sem reflexo. Combine com grades finas, animações discretas e imagens em alta resolução para um visual moderno de portfólio. Dica de uso: mantenha branco puro para margens e seções hero, e use cinza-médio para divisórias em vez de preto.

Exemplo de imagem de branco mármore de museu gerado usando media.io

11) Cibernético Monocromático

HEX: #141518 #2b2d33 #50545e #9aa0ac #e5e7ee

Clima: elegante, técnico, futurista

Melhor para: ferramentas de desenvolvedor, UI modo escuro, dashboards

Elegante e técnico, remete a janelas de terminal, metal escovado e foco noturno. A escala de cinza compacta é ideal para interfaces que dependem de hierarquia e espaçamento. Combine com uma única cor de destaque fora dessa paleta quando precisar de alertas ou estados de sucesso. Dica de uso: aumente o contraste para texto pequeno colocando cinza-claro sobre o fundo mais escuro, e não cinza-médio sobre cinza-médio.

Exemplo de imagem monocromática cibernética gerada usando media.io

12) Brilho Embrasado de Outono

HEX: #232326 #3b3834 #8a4b2a #d08b5b #f2e2d3

Clima: quente, sazonal, convidativo

Melhor para: campanhas de outono, fotografia de alimentos, embalagens aconchegantes

Quente e sazonal, lembra a luz de brasas, canela e argila desgastada. Os tons laranja-acastanhados trazem aconchego enquanto a base escura mantém tudo equilibrado. Combine com texturas kraft, fotos dramáticas de alimentos e sombras suaves para um visual outonal rico. Dica de uso: use o tom bege mais claro para fundos, assim os tons em brasas podem ser usados como destaques sem dominar.

Exemplo de imagem de brilho embrasado de outono gerado usando media.io

13) Névoa de Lavanda Noturna

HEX: #25262b #3d3f4a #7d77a7 #c6c1e2 #f3f1fb

Clima: onírico, melancólico, suave

Melhor para: capas de música, marcas de beleza, temas UI sonhadores

Onírico e melancólico, lembra a névoa de lavanda atravessando um quarto escuro. O subtom roxo traz personalidade enquanto os neutros tornam a paleta versátil para marcas. Combine com gradientes suaves, formas desfocadas e tipografia fina para um visual moderno e atmosférico. Dica de uso: reserve a lavanda para cartões de destaque e realces; deixe os cinzas escuros trazerem o contraste principal.

Exemplo de imagem de névoa de lavanda noturna gerada usando media.io

14) Profundezas Modernas de Verde-Água

HEX: #1e2024 #2f3a3d #1f6f78 #6fb6b5 #e6f4f3

Clima: fresco, moderno, aquático

Melhor para: tecnologia em saúde, marcas de spa, visualizações de dados

Fresco e moderno, evoca água profunda, vidro e ar puro. O verde-água traz clareza à base escura e funciona especialmente bem em gráficos e infográficos. Combine com bastante espaço negativo e cantos arredondados para uma UI amigável e contemporânea. Dica de uso: use o aqua claro para cartões e superfícies, e reserve o verde-água profundo para elementos interativos.

Exemplo de imagem de profundezas modernas verde-água gerada usando media.io

15) Sombra Arenito Neutro

HEX: #28292d #3f4248 #7f7a72 #cdbfae #f6f0e6

Clima: orgânico, atemporal, equilibrado

Melhor para: moodboards de interiores, arquitetura, blogs de lifestyle

Orgânico e atemporal, lembra paredes de arenito em sombra suave. Os neutros quentes equilibram a escuridão, tornando uma escolha confiável para marcas duradouras. Combine com fotografia em luz natural, cerâmica bege e sombras sutis para criar profundidade. Dica de uso: escolha o tom greige para textos longos quando o preto puro parecer severo.

Exemplo de imagem de sombra arenito neutro gerada usando media.io

16) Calma de Pinheiro Invernal

HEX: #202226 #343a40 #2f5d50 #8fb9ab #eff7f4

Clima: fria, calmante, natural

Melhor para: moda outdoor, campanhas de inverno, blogs de natureza

Fria e calmante, sugere florestas perenes, ar frio e trilhas silenciosas. O verde soa natural contra o carvão, dando à paleta um caráter confiante de atividades ao ar livre. Combine com fotos texturizadas, selos simples e tipografia sans limpa para uma marca moderna de aventura. Dica de uso: mantenha o tom leve mentolado nos fundos para que fotos de produtos continuem sendo o foco.

Exemplo de imagem de calma de pinheiro de inverno gerada usando media.io

17) Retrato de Argila Suave

HEX: #2a2a2e #47424a #9b6b5e #d9b9ad #f7ece7

Clima: suave, humano, favorecedor

Melhor para: presets de retoque de retrato, marcas pessoais, sites de lifestyle

Suave e humano, lembra argila, blush e iluminação suave de estúdio. Os tons de pele aquecidos impedem que os cinzas escuros pareçam frios, ótimo para retratos e histórias pessoais. Combine com elementos arredondados na UI, fotografia quente e iconografia minimalista. Dica de uso: use o tom médio de argila como destaque consistente para links e rótulos pequenos.

Exemplo de imagem de retrato de argila suave gerada usando media.io

18) Dourado Boutique em Destaque

HEX: #1f1f22 #373a40 #8a7a55 #d3c39b #faf6ea

Clima: luxo, refinado, metálico-quente

Melhor para: identidade de joias, embalagens premium, identidade de hotéis

Luxuoso e refinado, evoca ouro escovado sobre pedra escura e luz suave de velas. Essas combinações de carvão transmitem instantaneamente sensação premium quando acompanhadas de layouts minimalistas e fotos sofisticadas. Combine com efeitos de hot stamping, títulos serifados elegantes e espaçamento generoso para um visual boutique. Dica de uso: use o dourado-bege apenas para destaques pequenos, como ícones ou linhas, para manter a elegância.

Exemplo de imagem de destaque dourado boutique gerada usando media.io

19) Tinta e Coral Impactante

HEX: #202126 #353742 #ff6b6b #ffd0c8 #fff7f5

Clima: ousado, amigável, contemporâneo

Melhor para: landing pages focadas em CTA, marcas de alimentos, anúncios sociais

Ousada e amigável, lembra tinta fresca coral sobre fundo escuro. O coral traz calor e urgência instantâneos, ideal para designs de conversão. Combine com fotografia limpa, botões marcantes e títulos curtos para que o tom destaque continue impactante. Dica de uso: mantenha o coral para ações primárias e use o blush clarinho para estados hover e destaques sutis.

Exemplo de imagem de tinta e coral impactante gerada usando media.io

20) Névoa de Chuva Silenciosa

HEX: #24262b #3b3f46 #66707c #aeb7c1 #f1f3f6

Clima: silenciosa, reflexiva, profissional

Melhor para: relatórios, apresentações corporativas, apps de produtividade

Silenciosa e reflexiva, lembra nuvens de chuva e concreto limpo depois do aguaceiro. Os tons azul-acinzentados criam hierarquia suave para layouts com muito texto e apresentações. Combine com ícones simples, divisórias finas e espaçamento consistente para um visual corporativo polido. Dica de uso: use o cinza mais claro em fundos de slides e reserve o tom mais escuro para títulos e dados importantes.

Exemplo de imagem de névoa de chuva silenciosa gerada usando media.io

Quais cores combinam com carvão?

Carvão combina facilmente com neutros claros como marfim, linho e branco quente para um visual limpo e premium. Essa é a opção mais segura para marcas que buscam sofisticação sem pesar.

Para cores de destaque, carvão aceita tons frios e quentes: verde-água e azul ardósia transmitem calma e confiança, enquanto argila, caramelo e bege-dourado evocam aconchego e sofisticação. Se desejar impacto, use pitadas de coral, amarelo cítrico, ciano ou magenta para criar pontos focais vivos.

Em caso de dúvida, mantenha o carvão como base estrutural (navegação, títulos, molduras) e adicione destaques só onde for necessário chamar atenção (botões, selos, dados-chave).

Como usar uma paleta de carvão em projetos reais

Em UI, utilize carvão em navegação e superfícies principais, subindo progressivamente nos cinzas para bordas e painéis secundários. Reserve quase-branco ou toques muito claros para cartões e áreas densas em texto, mantendo legibilidade e reduzindo o cansaço visual.

Em branding e embalagens, carvão se destaca quando soma textura: granulação suave, papel fosco, metal escovado ou gradientes discretos. Assim, os neutros escuros evitam parecer planos e as fotos ganham mais dimensão.

Na tipografia, evite texto preto-puro em fundo carvão; prefira off-white ou cinza-claro para corpo do texto e teste o contraste em tamanhos pequenos. Carvão brilha quando a hierarquia é clara: espaçamento, peso e uma cor de destaque contida fazem a maior parte do trabalho.

Crie visuais de paleta de carvão com IA

Se já possui códigos HEX, o próximo passo é vê-los no contexto—posters, mockups de embalagem, páginas de destino e cenários. É aí que visuais de IA ajudam a validar clima, contraste e equilíbrio em minutos.

Com o Text-to-Image do Media.io, você pode colar um prompt como os exemplos acima e gerar vários conceitos alinhados à marca em minutos. Varie a luz (suave, de estúdio, neon), materiais (papel, metal, tecido) e layout (minimal, editorial, alto contraste).

Próximo: Paleta de Cores Creme Marrom