20 melhores paletas de cores góticas com códigos hexadecimais e dicas de uso

Paletas góticas misturam sombras profundas com destaques românticos, criando designs que parecem cinematográficos, elegantes e um pouco misteriosos. São ideais quando você deseja alto contraste sem energia neon ou chamativa.

Abaixo estão mais de 20 ideias de paletas de cores góticas com códigos HEX, além de dicas reais para uso em branding, UI, pôsteres, convites e edições fotográficas sombrias.

Por que Paletas Góticas Funcionam tão Bem

Uma paleta de cores gótica é construída sobre uma escuridão intencional: bases quase pretas, tons de joia profundos e destaques suavizados. Essa estrutura naturalmente cria hierarquia, tornando a tipografia e elementos de foco mais dramáticos com menos esforço.

Paletas góticas também comunicam emoções rapidamente—romance, mistério, tradição ou poder—dependendo se você prefere bordô, violeta, azul ardósia ou ouro antigo. Mesmo layouts minimalistas têm ar cinematográfico, pois as sombras contam a história.

O mais importante, combinações de cores góticas funcionam bem em diferentes mídias. A mesma paleta pode suportar branding de luxo, UI em modo escuro, pôsteres e predefinições de fotografia, desde que você controle o contraste e mantenha os destaques discretos.

20+ Ideias de Paletas de Cores Góticas (com Códigos HEX)

1) Veludo de Catedral

HEX: #0b0b0f #2a2438 #5a1f2b #a28b6e #e7e1d6

Humor: romântico sombrio, real, à luz de velas

Ideal para: branding de luxo e sistemas de logotipo

Sombras de veludo escuro e luz de velas de capela criam um tom real e romântico com brilho suave antigo. Use o quase preto e o ameixa profunda para superfícies principais, depois acrescente bordô para destaque sem ficar chamativo. O dourado-bege quente e branco osso deixam a tipografia editorial e premium. Para uma paleta gótica refinada, mantenha os destaques abaixo de 10% e deixe o espaço em branco trabalhar.

Exemplo de imagem de veludo de catedral gerado pelo media.io

Media.io

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

Experimente grátis agora

2) Rosa à Meia-Noite

HEX: #120a14 #3b1c32 #7a1e3a #c24a6a #f2d7de

Humor: romântico, dramático, vintage moderno

Ideal para: anúncios de produtos de beleza e posts nas redes sociais

Flores noturnas e pétalas de rosa amassadas conferem brilho dramático e íntimo a essa combinação. Estruture os layouts com a base escura e sobreponha tons de vinho e framboesa para profundidade em gradientes e sobreposições. O destaque rosado valoriza tons de pele e previne designs pesados. Use o rosa mais claro apenas em botões de chamada à ação e etiquetas de preço.

Exemplo de imagem de rosa à meia-noite gerado pelo media.io

3) Ferro e Tinta

HEX: #0f141a #27313a #4b5a6a #9aa6b2 #f0f3f6

Humor: industrial, nítido, noturno

Ideal para: UI de dashboard e apps com muitos dados

Aço frio, manchas de tinta e reflexos de noite chuvosa criam um clima limpo e técnico. Os tons de ardósia e carvão escuros apoiam superfícies de modo escuro, enquanto azuis médios mantêm gráficos legíveis. Use o tom neblina claro para cartões, divisores e estados vazios. Dica: reserve a cor mais clara para números-chave e totais para facilitar a leitura.

Exemplo de imagem de ferro e tinta gerado pelo media.io

4) Estufa de Corvo

HEX: #050806 #0f2a1f #214f3b #6d8f6a #dfe7d6

Humor: misterioso, botânico, terroso

Ideal para: embalagens e etiquetas de apotecário

Folhas sombrias e vidro úmido trazem um clima botânico de jardim secreto. Combine o quase preto com verde escuro para painéis principais, depois use o tom de musgo para selos e blocos secundários. O tom herbal claro é ideal para listas de ingredientes e áreas de código de barras. Mantenha os verdes opacos para evitar efeito neon e invista em texturas naturais.

Exemplo de imagem de estufa de corvo gerado pelo media.io

5) Ametista Obsidiana

HEX: #0a0710 #241338 #4b1f6f #7c49b9 #e9ddff

Humor: arcano, luxuoso, céu estrelado

Ideal para: pôsteres de música e arte de álbuns

A escuridão da obsidiana e o brilho da ametista lembram luzes de palco cortando a neblina. Crie hierarquia com os dois roxos mais escuros, depois deixe o violeta e lavanda destacarem títulos. O lilás claro torna pequenos textos legíveis em fundo escuro sem precisar de branco puro. Acrescente granulação sutil e mantenha os gradientes suaves para acabamento premium.

Exemplo de imagem de ametista obsidiana gerado pelo media.io

6) Ouro Sepulcral

HEX: #0c0b09 #2b2216 #5c4526 #b08a3c #f2e6c7

Humor: antigo, opulento, à luz de velas

Ideal para: embalagens premium e caixas de presente

Metal envelhecido e luz de velas quente criam uma riqueza de museu antigo. Use marrons escuros para painéis e sombras, depois acrescente o ouro nas bordas, ícones e efeitos de foil. O tom de pergaminho preserva a legibilidade e valoriza o visual geral. Essas combinações góticas brilham quando você limita o ouro a linhas finas e marcas pequenas.

Exemplo de imagem de ouro sepulcral gerado pelo media.io

7) Capela de Tempestade

HEX: #0d1016 #1e2a3a #334b63 #6f8aa3 #d9e2ec

Humor: soturno, frio, cinematográfico

Ideal para: seções hero de sites e landing pages

Azuis de tempestade e sombras de pedra fria parecem cinematográficos e focados. Use os tons mais escuros em cabeçalhos e navegação, depois os azuis médios em botões, links e linhas de gráficos. O azul acinzentado claro funciona como fundo limpo, mas ainda com ar dramático. Dica: adicione vinheta suave atrás de títulos para aumentar contraste sem contornos agressivos.

Exemplo de imagem de capela de tempestade gerado pelo media.io

8) Candelabro Carmesim

HEX: #140507 #3a0b12 #6b101c #b21c33 #f4c7cf

Humor: dramático, teatral, apaixonado

Ideal para: flyers de eventos e pôsteres de boate

Carmesim vibrante sobre sombra profunda lembra chama de vela em sala de veludo. Use os dois vermelhos mais escuros em fundo e blocos de texto, deixe o carmesim carregar títulos e datas. O blush pálido é perfeito para texto legal pequeno e áreas de código QR. Mantenha o espaçamento generoso para que a intensidade pareça intencional, não poluída.

Exemplo de imagem de candelabro carmesim gerado pelo media.io

9) Renda ao Luar

HEX: #0e0e12 #3b3b44 #7f7f8a #c8c8d0 #f7f6fa

Humor: suave, elegante, noturno

Ideal para: convites de casamento e papelaria

Moonlight on lace transmite suavidade e elegância, com um toque gótico sutil. Combine o quase preto com o cinza-violeta quente para tipografia e monogramas. Os cinzas mais claros permitem padrões delicados e detalhes em relevo. Para uma combinação de cores gótica moderna, mantenha os florais ou rendas sutis e use o tom mais claro como base do papel.

Exemplo de imagem de renda ao luar gerada usando media.io

10) Pedra de Sangue Antiga

HEX: #0f0b0a #3a1f1a #6b3a2a #a05a3d #e6d3c7

Humor: tradição, quente, sombrio

Ideal para: branding de café e rótulos vintage

Tons de siena queimada e cacau escuro evocam couro antigo, papel manchado e luz morna de abajur. Use o marrom mais profundo como base, depois sobreponha os tons enferrujados e de argila para painéis de rótulo e selos. A cor de pergaminho claro melhora a legibilidade e evita que a paleta fique pesada. Dica: combine com uma fonte serifada e iconografia mínima para um visual clássico.

Exemplo de imagem de pedra de sangue antiga gerada usando media.io

11) Verde Teal Envenenado

HEX: #060c0f #0e2a33 #0f5664 #3aa0a8 #cfeff0

Humor: enigmático, moderno, alto contraste

Ideal para: UI de startup de tecnologia e branding SaaS

Tons de sombra oceânica com brilho teal intenso transmitem modernidade e um toque de perigo. Use os tons mais escuros para navegação e rodapés e o teal saturado para estados interativos e links. O tom aqua claro serve como fundo de destaque para notificações e dicas. Dica: mantenha o teal como cor de destaque única para preservar clareza e consistência.

Exemplo de imagem de verde teal envenenado gerada usando media.io

12) Orquídea Críptica

HEX: #120711 #3a1733 #6d2b60 #b04a9c #f6d7f0

Humor: místico, floral, decadente

Ideal para: layouts editoriais e lookbooks de moda

Roxos orquídea e tons de ameixa esfumaçada remetem ao luxo, como ar perfumado em um corredor escuro. Use o tom mais escuro para colunas e legendas e destaque a orquídea magenta em frases e títulos de seção. O destaque rosa suave mantém a legibilidade e equilibra imagens pesadas. Essa paleta gótica funciona melhor com bastante espaço em branco e grade contida.

Exemplo de imagem de orquídea críptica gerada usando media.io

13) Fuligem e Safira

HEX: #070a10 #0f1d38 #1f3b6f #3f6db3 #d6e5ff

Humor: anoitecer, nítido, luminoso

Ideal para: capas de livro e arte para podcast

Azuis enfumaçados e destaques safira sugerem ar noturno e luzes distantes da cidade. Use o azul-marinho mais escuro para fundo e os azuis médios para formas e molduras. O tom gelado pode realçar títulos e números de episódios sem pesar. Dica: adicione textura sutil atrás do texto para evitar faixas em degradês escuros.

Exemplo de imagem de fuligem e safira gerada usando media.io

14) Fumaça de Hamamélis

HEX: #0b0d0c #1f2421 #3e4a45 #7b8a82 #e3e8e5

Humor: herbal, suave, atmosférico

Ideal para: embalagens de skincare e fichas de ingredientes

Verdes esfumaçados e tons de cinza-acinzentado transmitem calma, um toque herbal e um ar ligeiramente misterioso. Reserve o tom mais escuro para marcas e títulos de ingredientes e use o verde médio para painéis secundários. A névoa clara funciona como fundo limpo mas ainda transmite clima. Dica: combine com ícones de traço fino e acabamentos foscos para um toque discreto.

Exemplo de imagem de fumaça de hamamélis gerada usando media.io

15) Pedra do Gárgula

HEX: #0c0c0d #2a2b2e #50525a #8b8f9a #e8e9ee

Humor: arquitetônico, minimalista, austero

Ideal para: sites de portfólio e páginas voltadas para tipografia

Pedra entalhada e céus nublados dão a esta paleta uma calma arquitetônica e austera. Use preto e carvão para contraste forte na tipografia e o cinza médio para divisores e bordas de UI. Os cinzas claros são perfeitos para fundos de leitura de conteúdo longo. Dica: adicione um peso tipográfico forte e deixe o espaçamento dar o tom dramático.

Exemplo de imagem de pedra do gárgula gerada usando media.io

16) Vinil Cereja Negra

HEX: #120006 #3c0013 #6b0026 #b1003f #ffd1e0

Humor: ousado, brilhante, vida noturna

Ideal para: streetwear e campanhas promocionais de produto

Tons brilhantes de cereja negra evocam brilho de vinil e reflexos neon após a meia-noite. Use os tons mais escuros para fundos e texto e deixe o vermelho cereja vibrante destacar selos e rótulos promocionais. O destaque rosa suave suaviza bordas em sobreposições e degradês. Estas combinações góticas funcionam melhor com layouts rígidos, de alto contraste e tipografia grande.

Exemplo de imagem de vinil cereja negra gerada usando media.io

17) Veludo Oliva ao Entardecer

HEX: #0b0c07 #23260f #4a4f1e #7b842f #e6e8c7

Humor: terroso, suave, floresta ao entardecer

Ideal para: moodboards de interiores e blogs de estilo de vida

O entardecer em floresta densa transmite aconchego e intimidade, com calor oliva discreto. Use o oliva-escuro para cabeçalhos e molduras, sobreponha os verdes médios em amostras, ícones e destaques. O verde creme suave traz respiro às áreas de texto e cartões. Dica: combine com textura de madeira e neutros quentes para um visual acolhedor e vivido.

Exemplo de imagem de veludo oliva ao entardecer gerada usando media.io

18) Cobre Arcanista

HEX: #0e0906 #2f1a12 #6a3a28 #b06a43 #f2d6c7

Humor: quente, alquímico, artesanal

Ideal para: rótulos de velas e produtos artesanais

Tons de cobre fumegante e especiarias evocam ferramentas antigas, selos de cera e oficina de alquimista. Use o espresso como base para rótulos e tipografia e deixe o cobre brilhar em detalhes, ícones e pequenos destaques. O creme pêssego claro deixa o texto de ingredientes limpo e legível. Dica: experimente efeito de relevo sutil e mantenha o brilho de cobre fino para realismo.

Exemplo de imagem de cobre arcanista gerada usando media.io

19) Luto Invernal

HEX: #0a0d12 #1b2430 #3c4b5c #8b9ab0 #edf1f6

Humor: quieto, frio, solene

Ideal para: presets de fotografia e sites de galeria

Ar frio e luz pálida sobre águas escuras criam um clima tranquilo e solene. Use os azuis mais profundos para molduras e navegação e o cinza ardósia médio para legendas e linhas de UI. O cinza-azulado claro pode servir de tela limpa para imagens sem competir. Dica: mantenha a saturação baixa nas fotos para combinar com o tom suave.

Exemplo de imagem de luto invernal gerada usando media.io

20) Marfim Relíquia

HEX: #100f0c #2b2a22 #5b5748 #b8b09a #fbf5e9

Humor: arquivístico, suave, do velho mundo

Ideal para: tipografia para livros e kits de papelaria

Papel antigo e sombras suaves proporcionam uma sensação de arquivo, de biblioteca. Use o tom de tinta escura para corpo do texto e títulos e os taupes quentes para molduras e barras laterais. O creme marfim funciona como fundo que lembra papel, ainda com toque antigo. Para uma paleta gótica equilibrada, mantenha o contraste suave e priorize textura em vez de saturação.

Exemplo de imagem de marfim relíquia gerada usando media.io

21) Cinza-Ameixa Noir

HEX: #0b0a0d #221824 #4a2a4f #8a6c92 #f0e8f2

Humor: esfumaçado, íntimo, refinado

Ideal para: landing pages de cosméticos e cabeçalhos de e-mail

Ameixa esfumaçada e lavanda acinzentada transmitem intimidade, como sombras em pó e tecido acetinado. Use a base noir para cabeçalhos e rodapés e aplique a ameixa em botões e estados de link. O cinza-mauve suave faz fundos discretos para cartões e seções. Dica: adicione apenas um efeito de brilho para energia de beleza premium sem sobrecarregar o layout.

Exemplo de imagem de cinza-ameixa noir gerada usando media.io

22) Amora com Espinhos

HEX: #0f0407 #3a0f1c #6b1e33 #a93a55 #f3c9d3

Humor: romântico, marcante, de conto de fadas

Ideal para: campanhas de dia dos namorados e pôsteres românticos

Amoras espinhentas e pétalas escuras deixam os vermelhos românticos porém não doces. Use a base escurecida para espaços negativos e profundidade e construa o degradê do vinho até a amora para áreas de destaque. O rosa suave é perfeito para texto fino e arte delicada em linha. Dica: combine com detalhes botânicos desenhados à mão e mantenha o título grande e simples.

Exemplo de imagem de amora com espinhos gerada usando media.io

23) Tinta Esmeralda Amaldiçoada

HEX: #060907 #0e1f17 #124136 #1f7a63 #d5efe6

Humor: misterioso, tonalidade de joia, escuro-fresco

Ideal para: UI de jogos e overlays para streamers

Esmeralda joia contra um fundo quase preto parece um brilho encantado em um quarto escuro. Use os dois verdes mais profundos para painéis e sobreposições, depois deixe o tom brilhante de esmeralda destacar elementos interativos e alertas. A tonalidade de menta clara funciona como destaque legível para rótulos e cronômetros. Dica: mantenha os efeitos de brilho suaves e consistentes para que a interface continue nítida.

Exemplo de imagem de tinta esmeralda amaldiçoada gerada usando o media.io

Quais Cores Combinam com o Gótico?

Paletas góticas combinam melhor com neutros quase pretos (carvão, tinta, fuligem) somados a uma ou duas cores “de história” saturadas, como vinho, ametista, esmeralda ou verde petróleo escuro. Isso mantém o clima dramático, mas ainda assim pensado e intencional.

Para destaques, escolha tons claros suavizados em vez de branco puro: pergaminho, osso, blush, azul-neblina ou marfim antigo. Esses tons mantêm a tipografia legível e preservam a atmosfera densa que define as combinações de cores góticas.

Se quiser um contraste moderno, acrescente um destaque controlado (linhas finas ou pequenos botões) em azul aço frio, lavanda suave ou ouro antigo. A chave é a moderação—o gótico funciona quando as sombras permanecem protagonistas.

Como Usar uma Paleta de Cores Gótica em Projetos Reais

Comece com uma base escura para planos de fundo e cabeçalhos, em seguida, coloque um tom médio para superfícies (cartões, painéis, blocos) e um destaque para interação (links, botões de CTA, etiquetas de preço). Essa estrutura “base/superfície/destaque” evita que os designs escuros fiquem chapados.

Utilize tons claros de forma estratégica para legibilidade: reserve a cor mais clara para títulos, números principais ou texto primário, e mantenha o texto secundário um tom mais escuro. Para impressão, opte por brancos quentes (marfim/pergaminho) para um toque mais sofisticado e editorial.

Em fotografia e cartazes, paletas góticas brilham com gradientes suaves, granulação sutil e vinhetas delicadas em vez de contornos agressivos. Deixe o contraste vir do valor (claro vs escuro) em vez de cores saturadas em excesso.

Crie Visuais de Paleta Gótica com IA

Se estiver criando um mood board, mockup de anúncio, conceito de UI ou cartaz, gerar algumas imagens ajustadas à paleta pode ajudar a validar rapidamente o clima. Você verá imediatamente se sua cor de destaque parece romântica, sombria ou muito vibrante.

Com a ferramenta de texto para imagem do Media.io, você pode colar um prompt, especificar a composição e iterar variações mantendo sua paleta gótica consistente. Isso é especialmente útil para explorações de branding e conceitos de campanha.

Crie um conjunto de imagens usando a mesma paleta (foto de produto, cartaz, mockup de UI) para garantir que suas cores se traduzam bem em diferentes contextos e estilos de iluminação.

Próximo: Paleta de Cores Coral