20 ideias de paletas de cores pretas com códigos hexadecimais

Preto é uma das bases de design mais flexíveis: pode transmitir uma sensação minimalista e moderna, clássica e cinematográfica, ou ousada e elétrica, dependendo dos seus destaques.

Abaixo estão 20 combinações de cores com preto com códigos HEX para UI, branding, pôsteres e mais—além de dicas rápidas para combinar e usar tons escuros sem perder legibilidade.

Por que paletas pretas funcionam tão bem

O preto cria estrutura instantânea. Ele ancora o layout, aumenta o contraste percebido e ajuda você a construir uma hierarquia clara para títulos, CTAs e imagens.

Também é versátil emocionalmente: uma base quase preta pode transmitir luxo com dourado, calma com tons marfim quente, tecnicidade com cinzas metálicos ou diversão com neons destacados.

Na prática, tons pretos ajudam a unir conteúdos diversos. Quando fotos, ícones e tipografia compartilham uma base escura, o design geral fica mais coeso e intencional.

20+ ideias de paleta preta (com códigos HEX)

1) Veludo Meia-noite

HEX: #0b0b0d #1a141d #2b1f2e #5a3b66 #d6c7dd

Clima: luxuoso, misterioso, aveludado

Melhor para: identidade visual de luxo e embalagens de perfumes

Luxuoso e noturno, lembra cortinas de veludo sob luz baixa de galeria com um brilho violeta suave. Essa paleta preta funciona lindamente para embalagens premium, etiquetas de beleza e identidades sofisticadas. Combine com metais discretos ou tons quentes off-white para manter o visual refinado. Dica: reserve o violeta para pequenos destaques como selos, tampas ou detalhes nos cantos, para manter o aspecto premium.

Exemplo de imagem gerada de veludo meia-noite usando media.io

Media.io

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

Experimente grátis agora

2) Marfim Tinta

HEX: #0f0f10 #2a2a2c #5b5b5e #f2efe9 #c9c2b6

Clima: editorial, calmo, equilibrado

Melhor para: layouts de revista e artigos longos

Sutil e editorial, evoca tinta fresca em papel quente com bastante espaço em branco. Os neutros cremosos suavizam os tons escuros, facilitando a leitura de títulos e destaques. Use em layouts impressos, templates de blog e portfólios onde a tipografia é o foco. Dica: mantenha o texto de corpo no cinza mais escuro, em vez de preto puro, para reduzir o brilho em fundos claros.

Exemplo de imagem marfim tinta gerada com media.io

3) Ouro Obsidiana

HEX: #090909 #1d1b16 #3a2f1f #b08d57 #f5e6c8

Clima: opulento, dramático, clássico

Melhor para: anúncios de produtos premium e banners destaque

Opulento e cinematográfico, remete à obsidiana iluminada por um foco dourado. Os tons dourados e cremosos trazem hierarquia instantânea para destaques, selos e preços sem sobrecarregar a base. Combina bem com anúncios premium, heróis de landing pages e rebranding sofisticado. Dica: use o dourado apenas em detalhes-chave e ícones para manter o design elegante, não chamativo.

Exemplo de imagem ouro obsidiana gerada pelo media.io

4) Botânico Noir

HEX: #0a0a0b #1f2420 #3f5a48 #8fb996 #e6f2e8

Clima: terroso, fresco, sombrio

Melhor para: embalagens ecológicas e ilustrações botânicas

Terroso e sombrio, lembra folhas ao luar com orvalho em verdes macios. Os tons de floresta evitam que a base preta pareça fria demais, especialmente em projetos de bem-estar ou sustentabilidade. Combine com texturas de papel reciclado, ícones de linhas finas e muito espaço negativo. Dica: use o verde menta claro como fundo para destacar ainda mais os elementos verdes.

Exemplo de imagem botânico noir gerada com media.io

5) Carbono Neon

HEX: #060607 #1b1c22 #2d2f3a #ff2e88 #2ef2ff

Clima: elétrico, ousado, noturno

Melhor para: pôsteres de shows e promoções de festas

Elétrico e vibrante, traduz o brilho da cidade à noite com neon cortando o nevoeiro. Essas combinações com preto são ótimas para pôsteres de eventos, line-ups de DJs e posts sociais energéticos onde contraste é fundamental. Combine os neons com tipografia simples e alinhamento forte para evitar poluição visual. Dica: use um neon como cor principal e o outro só para detalhes como horário e local.

Exemplo de imagem carbono neon gerada com media.io

6) Fumaça Ardósia

HEX: #101114 #2b2e35 #4a4f59 #9aa3ad #e7eaee

Clima: moderno, suave, arquitetônico

Melhor para: apresentações de interiores e portfólios

Suave e arquitetônico, sugere paredes de ardósia, cimento e fumaça suave. Os cinzas frios criam estrutura profissional para layouts sem a agressividade do preto puro. Ótima escolha para decks de interiores, portfólios de arquitetura ou documentação de produtos com foco em clareza. Dica: mantenha grandes áreas no cinza mais claro e o tom mais escuro apenas para títulos e divisores.

Exemplo de imagem fumaça ardósia gerada com media.io

7) Carvão Espresso

HEX: #120d0a #2a1e18 #4a3a31 #b68a6a #f3e2d6

Clima: quente, aconchegante, artesanal

Melhor para: branding de cafeteria e cardápios

Quente e acolhedora, lembra crema de espresso, grãos torrados escuros e bancadas de madeira gastas. Os tons bege e creme adicionam hospitalidade enquanto o carvão torna o layout estável. Ideal para cardápios de café, embalagens artesanais e rótulos de torrefação. Dica: imprima os tons claros em papel fosco para realçar o aspecto artesanal.

Exemplo de imagem carvão espresso gerada com media.io

8) Grafite Jeans

HEX: #0c0d10 #1a2433 #2f4a6b #7aa0c7 #e8eef6

Clima: frio, urbano, confiante

Melhor para: lookbooks de moda e marcas de vestuário

Frio e urbano, lembra jeans escuro, ar fresco e estilo de rua polido. Os azuis trazem um toque acessível à base profunda, perfeito para marcas de vestuário que buscam confiança sem rigidez luxuosa. Use em lookbooks, banners de e-commerce e campanhas com fotografia marcante. Dica: reserve o azul claro para legendas e detalhes de tamanho, mantendo o conteúdo legível sobre imagens.

Exemplo de imagem grafite jeans gerada com media.io

9) Aço Lunar

HEX: #0b0c0f #1b2028 #323a46 #7e8a99 #dfe6ef

Clima: elegante, técnico, futurista

Melhor para: Dashboards SaaS e UI de análises

Elegante e técnico, evoca metal ao luar e salas de controle silenciosas. Os tons de cinza escalonados facilitam criar profundidade com cartões, modais e linhas de tabelas sem poluição visual. Funciona bem para produtos de análise, ferramentas para desenvolvedores e kits de UI em modo escuro. Dica: use o tom mais claro para texto em superfícies escuras e mantenha as bordas sutis para evitar uma grade barulhenta.

Exemplo de imagem do "lunar steel" gerado usando media.io

10) Raven Plum

HEX: #0b0b0e #241624 #3f2a4b #a173b3 #f2e7f6

Clima: romântico, soturno, elegante

Melhor para: convites de casamento e eventos noturnos

Romântico e com um clima intimista, lembra fitas de veludo, flores ao entardecer e cerimônias à luz de velas. Os tons de ameixa suavizam a escuridão, tornando-o ideal para convites formais, programas de gala e anúncios sofisticados. Combine com tipografia serifada delicada e traços mínimos para manter a sofisticação. Dica: use o lilás claro como espaço negativo, assim o ameixa escuro parece proposital, não pesado.

Exemplo de imagem do "raven plum" gerado usando media.io

11) Asphalt Coral

HEX: #0e0f12 #2a2c33 #505361 #ff5a6d #ffe3e7

Clima: divertido, vibrante, moderno

Melhor para: anúncios de cosméticos e campanhas sociais

Vibrante e moderno, lembra batom neon sobre asfalto molhado após a chuva. O coral adiciona energia imediata para botões de chamada para ação, selos de promoção e destaques de recursos do produto. Use em campanhas de beleza, anúncios de startups e criativos ousados para redes sociais que precisam de contraste rápido e impactante. Dica: limite o coral a 10–15% do layout para manter o design sofisticado e não extravagante.

Exemplo de imagem do "asphalt coral" gerado usando media.io

12) Black Sand Beach

HEX: #0a0a0c #1f1c1a #5c5048 #c8b29a #f3efe9

Clima: natural, sólido, pronto para viagens

Melhor para: pôsteres de viagem e marcas de destinos

Sólido e natural, remete à areia vulcânica, troncos de madeira e pedras desbotadas pelo sol. Estas combinações de preto são convincentes em branding de viagem quando se busca contraste forte sem perder calor. Combine com efeitos de papel texturizado, linhas de mapas simples e tons de fotografia suaves. Dica: use o bege arenoso para blocos de texto grandes para manter os destinos legíveis à distância.

Exemplo de imagem do "black sand beach" gerado usando media.io

13) Vintage Film Noir

HEX: #0d0d0f #2a2a2e #6b6a70 #d7d3ca #f7f3ea

Clima: clássico, esfumaçado, retrô

Melhor para: pôsteres de filmes e títulos retrô

Clássico e esfumaçado, lembra saguão de cinema antigo com luz difusa de projetor e papel envelhecido. Os brancos quentes impedem o cinza de parecer frio, ótimo para tipografia retrô. Use em pôsteres de filmes, capas de livros e histórias de marca com apelo atemporal. Dica: adicione granulação sutil nos tons claros para reforçar o visual vintage sem perder legibilidade.

Exemplo de imagem do "vintage film noir" gerado usando media.io

14) Cyber Shadow

HEX: #07070a #141520 #262a3a #7c5cff #38ffb6

Clima: cyberpunk, alto contraste, energético

Melhor para: HUD de jogos e overlays de streaming

Alto contraste e cyberpunk, é como um HUD brilhante em um fliperama escuro. Os acentos roxo e menta criam estados de interação imediatos para hover, ativos e alertas. Use em interfaces de jogos, overlays de streaming e branding de e-sports onde clareza em movimento importa. Dica: mantenha o texto principalmente em tons claros e reserve o neon para indicadores de status e ações-chave.

Exemplo de imagem do "cyber shadow" gerado usando media.io

15) Monochrome Minimal

HEX: #050506 #151517 #2e2e31 #b9b9be #ffffff

Clima: minimalista, nítido, atemporal

Melhor para: apresentação de logos e web design minimalista

Nítido e minimalista, lembra paredes de galerias limpas e tipografia afiada em papel branco. Essa paleta de preto é ideal para sistemas de logo, tipografia de produtos e sites minimalistas onde o espaçamento se destaca. Se for usar cor, escolha apenas um tom de destaque. Dica: use o cinza médio para texto secundário e evite contrastes muito fortes entre preto puro e branco.

Exemplo de imagem do "monochrome minimal" gerado usando media.io

16) Stormy Teal

HEX: #0b0c0e #1a2224 #2e4d52 #4fb7b3 #e2fbfa

Clima: fresco, confiante, profissional

Melhor para: landing pages de fintech e healthtech

Fresco e confiante, evoca nuvens de tempestade descortinando um horizonte teal. A sequência de teal oferece estados claros para botões, gráficos e links, enquanto a base escura mantém tudo focado. Funciona para fintechs, health tech e produtos de dados que buscam transmitir confiança moderna sem parecer frios. Dica: mantenha os gradientes de teal sutis e use cores chapadas para ações principais para acessibilidade.

Exemplo de imagem do "stormy teal" gerado usando media.io

17) Garnet Ember

HEX: #0b0a0c #241015 #4b1d24 #c24a5c #f7d4da

Clima: rico, íntimo, noturno

Melhor para: cardápios de coquetelaria e branding de bar

Rico e íntimo, lembra luz de vela refletindo em uma taça de vinho tinto. A gama granada adiciona profundidade para títulos, selos e drinks assinados sem deixar a base perder sofisticação. Use em cardápios de bar, branding de vida noturna e rótulos de edições especiais. Dica: aplique o tom rosado atrás de itens destacados para que chamem atenção sem ornamentos extras.

Exemplo de imagem do "garnet ember" gerado usando media.io

18) Chalkboard Citrus

HEX: #0a0a0b #202225 #3c3f45 #ffd34d #fff4cf

Clima: amigável, alto contraste, animado

Melhor para: infográficos e pôsteres de sala de aula

Animado e legível, lembra escrita de giz em quadro negro com um toque ensolarado de cítrico. O amarelo é perfeito para etiquetas, destaques de dados e ícones que precisam chamar atenção. Use em infográficos, pôsteres educativos e slides de apresentação onde a clareza é importante. Dica: mantenha gráficos em cinza e reserve o amarelo só para valores chave, garantindo foco na mensagem.

Exemplo de imagem do "chalkboard citrus" gerado usando media.io

19) Winter Night

HEX: #0a0b0d #1a2230 #314a66 #a7c7e7 #f2f7ff

Clima: tranquilo, nítido, sazonal

Melhor para: cartões de festas e campanhas de inverno

Tranquilo e nítido, remete ao céu claro de inverno com reflexos gelados na neve. Os azuis transmitem calma sazonal enquanto a base escura traz layouts modernos e definidos. Use para cartões comemorativos, campanhas de inverno ou banners de eventos que buscam um clima frio e limpo. Dica: adicione pequenos pontos como estrelas ou linhas finas no tom mais claro para criar profundidade sem poluir.

Exemplo de imagem do "winter night" gerado usando media.io

20) Museum Marble

HEX: #0c0c0f #202023 #3f3f45 #c9c7c0 #f5f4f0

Clima: curado, refinado, com ar de galeria

Melhor para: portfólios e microsites de exposição

Curado e refinado, lembra interior de museu com pedestais escuros e detalhes suaves de mármore. Os neutros quentes claros deixam o contraste convidativo, especialmente para páginas com muita tipografia. Use para sites de portfólio, microsites de exposições e páginas de produto que buscam um tom mais elevado. Dica: deixe os elementos interativos em tons médios de cinza para que o tom mais claro fique reservado para destaque de conteúdo.

Exemplo de imagem do "museum marble" gerado usando media.io

Quais cores combinam bem com preto?

Neutros quentes (creme, marfim, bege) tornam o preto mais suave e editorial, sendo ideal para layouts com muito texto e embalagens premium que não devem parecer duras.

Referências metálicas como tons de ouro/latão (ou amarelo mostarda chapado nas telas) criam luxo e hierarquia instantânea quando usados com moderação em ícones, bordas e etiquetas chave.

Para contraste de alta energia, combine preto com acentos neon (ciano, magenta, lima) ou tons de joia saturados (ameixa, teal, granada). Mantenha os acentos restritos para que o design continue legível e harmonioso.

Como usar uma paleta preta em projetos reais

Comece usando preto quase puro em vez de preto absoluto em grandes fundos. Tons levemente elevados de preto reduzem faixas e cansaço visual e ajudam a criar profundidade com cartões e seções.

Construa hierarquia usando dois a três tons escuros e um neutro claro para texto. Reserve a cor de destaque só para estados interativos (botão principal, aba ativa, realce) e não para enfeitar tudo.

Teste contraste desde o início. Temas escuros podem falhar com fontes finas e divisórias de baixa opacidade—use o tom mais claro para texto principal e mantenha texto secundário em cinza médio que ainda passe normas de acessibilidade.

Crie visuais de paletas pretas com IA

Se você apresentar um conceito, ajude mostrando a paleta em contexto—num pôster, anúncio de produto, convite ou mockup de UI—assim quem aprova “sente” o clima na hora.

Com o text-to-image da Media.io, você gera visuais alinhados à marca a partir de um prompt simples e pode iterar rápido trocando acentos (ouro, teal, neon...) mantendo a base preta consistente.

Use os códigos HEX da sua paleta como referência para o estilo e depois refine tipografia, espaçamento e contraste no sistema final de design.

Próximo: Paleta de Cores Branco Creme