20 ideias de paleta de cores steampunk com códigos hexadecimais

Paletas steampunk combinam indústria vintage com narrativas retrofuturistas—pense em engrenagens de latão, sombras escuras de fuligem, papel sépia e couro desgastado.

Abaixo estão ideias de paletas de cores steampunk com códigos HEX que você pode usar em pôsteres, interfaces, identidade visual, embalagens e muito mais—além de dicas para manter os detalhes metálicos nítidos e legíveis.

Por que Paletas Steampunk Funcionam tão Bem

Um esquema de cores steampunk é construído em materiais críveis—latão, cobre, tinta, couro, pergaminho, fumaça—então instantaneamente parece tátil e “real”, mesmo em interfaces planas ou marcas limpas.

A maioria das combinações de cores steampunk são naturalmente de alto contraste: carvões escuros e marrons espresso para estrutura, neutros quentes para espaço legível e dourados/cobres metálicos para ênfase controlada.

Também são flexíveis entre gêneros: explore azuis e teals para retrofuturismo técnico, adicione verdes para herança de pedra-e-hera ou foque no sépia e ferrugem para narrativas de arquivo.

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

1) Carvão de Latão

HEX: #b08d57 #3a2f28 #1f1b17 #d7c3a1 #7a4e2d

Ambiente: industrial, quente, robusto

Melhor para: identidade visual de oficina vintage

Calor industrial com atmosfera de latão e fuligem, como luz de lâmpada nas engrenagens e pó de carvão no couro. Use o carvão profundo para tipografia e estrutura, trazendo o latão como destaque premium. O tom creme mantém layouts legíveis para impressos e web. Dica: reserve o latão para botões, selos ou ícones chave para evitar aparência turva.

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

Media.io

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

Teste Grátis Agora

2) Engrenagem de Cobre

HEX: #b86b4b #6b3f2a #2b2320 #e0b29a #4c6b6a

Ambiente: mecânico, confortável, artesanal

Melhor para: embalagem de produto para itens feitos à mão

Tons metálicos acolhedores que lembram cobre polido, madeira oleada e um toque de máquina oxidada. O marrom escuro fundamenta o design, enquanto o cobre rosado transmite simpatia e feito à mão. Adicione teal suave como contraste em etiquetas ou variantes de sabor. Dica: imprima o cobre como tinta fosca e simule brilho com gradientes sutis apenas em pequenas áreas.

Exemplo de imagem de engrenagem de cobre gerada com media.io

3) Oficina Sépia

HEX: #a67c52 #6f5b3e #2f2a24 #e6d3b1 #8b3a2b

Ambiente: nostálgico, áspero, focado em narrativa

Melhor para: pôster de evento para feira de criadores

Nostálgico e áspero, como fotografias antigas presas ao lado de plantas em uma oficina lotada. Essas combinações de cores steampunk brilham em pôsteres que buscam caráter antigo sem perder contraste. Use o tom pergaminho para fundo e sobreponha texto escuro e destaque vermelho-ferrugem para datas. Dica: insira arte de linha fina em marrom médio para sugerir gravuras sem sobrecarregar o layout.

Exemplo de imagem de oficina sépia gerada com media.io

4) Motor de Veludo

HEX: #3b1f2b #7a3e5a #c8a36a #141214 #e6dccf

Ambiente: dramático, luxuoso, noturno

Melhor para: capa de álbum para música retrofuturista

Dramático e sofisticado, como cortinas de veludo abertas revelando uma sala de máquinas vibrante. Ameixa e quase preto constroem uma base cinematográfica, enquanto ouro antigo destaca. Use branco quente moderadamente para listas de faixas e pequenos textos para manter elegância. Dica: mantenha detalhes dourados alinhados à grade para que a riqueza pareça intencional, não aleatória.

Exemplo de imagem de motor de veludo gerada com media.io

5) Amanhecer do Dirigível

HEX: #e7c7a1 #c98b63 #8a5a3c #33424a #f2efe9

Ambiente: aventureiro, otimista, arejado

Melhor para: cabeçalho de blog de viagem e banner principal

Aventureiro e brilhante, como o nascer do sol iluminando cascos com rebites e velas de lona. Tons cremosos e areia mantêm o clima aberto, enquanto azul ardósia estrutura navegação e títulos. Combine marrons quentes com texturas sutis como grão de papel ou linhas costuradas. Dica: use ardósia nos botões principais de chamada para mantê-los visíveis sob fotos quentes do banner.

Exemplo de imagem de amanhecer do dirigível gerada com media.io

6) Couro Defumado

HEX: #5a3a2e #2b1f1a #c2a27a #8a6f4b #d9d1c6

Ambiente: intenso, masculino, tátil

Melhor para: rótulo de whiskey e tag de pescoço da garrafa

Intenso e tátil, como couro envelhecido, fumaça de cachimbo e madeira quente atrás do bar. Uma paleta steampunk como esta funciona melhor ao manter os tons claros para espaços e deixar os marrons escuros estruturarem. Combine com tipografia serifada gravada e ícones simples para autenticidade. Dica: adicione um pequeno detalhe metálico em bege-dourado para criar foco premium.

Exemplo de imagem de couro defumado gerada com media.io

7) Hera da Torre do Relógio

HEX: #2f4b3a #6b7c4a #b08d57 #2a2623 #e7dfd3

Ambiente: terroso, misterioso, tradicional

Melhor para: capa de livro para romance de história alternativa

Terroso e misterioso, como hera subindo uma torre de relógio enquanto ponteiros de latão giram na névoa. Os verdes equilibram o metal, evitando um visual industrial exagerado. Use quase preto para destaque do título e creme para clareza no subtítulo. Dica: insira motivo de engrenagem suave no fundo claro para aparecer só em inspeção detalhada.

Exemplo de imagem de hera da torre do relógio gerada com media.io

8) Teal da Caixa de Engrenagens

HEX: #2b6f73 #0f2f33 #b08d57 #c9d2cf #5b3a2e

Ambiente: técnico, frio, vintage-moderno

Melhor para: UI de dashboard para aplicativo de maker

Técnico e frio, como mostradores de esmalte e chapas metálicas desgastadas pelo mar. Teal e azul-esverdeado escuro são base forte para painéis de interface, enquanto latão antigo destaca alternâncias e detalhes. Use cinza-azulado claro para espaçamento e cartões, mantendo interface leve. Dica: use latão só para estados ativos — assim evita ênfase confusa no dashboard.

Exemplo de imagem de teal da caixa de engrenagens gerada com media.io

9) Cobre Oxidado

HEX: #3f7f7a #1e4b4a #b56a4a #2a201b #e8d7c8

Ambiente: desgastado, costeiro, inventivo

Melhor para:Sinalização da exposição do museu

Desgastado e inventivo, como o cobre deixado para envelhecer perto do ar salgado e do calor da oficina. Os tons azul-verde dão-lhe superfícies calmas para os painéis, enquanto o cobre e o café expresso adicionam o soco histórico. Combine com o tipo sans-serif limpo para manter o visual contemporâneo. Dica: Defina o texto do corpo na sombra mais escura e reserve cobre para cabeçalhos e setas de seção.

Exemplo de imagem de cobre oxidado gerado usando media.io

10) Papel de patente

HEX:#efe2c8#cdb892#8b6b4a#2c2a28#4d6a7a

Ambiente:Arquivístico, preciso, acadêmico

Melhor para:layout editorial para uma revista de design

Arquivístico e preciso, como desenhos de patente em papel amarelado com linhas de tinta nítidas. Um esquema de cores steampunk como este lê-se limpo em páginas longas porque os neutros permanecem suaves para os olhos. Use o azul de ardósia para aspas de puxar e divisores de seção para modernizar a propagação. Dica: Mantenha as margens generosas e deixe o tom mais escuro manusear cabeçalhos e legendas para consistência.

Exemplo de imagem de papel de patente gerado usando media.io

11) Trilho noturno

HEX:#0f0f12#2d2a2f#7a4e2d#b08d57#c6c2bb

Ambiente:Cinematográfico, Urbano, Sombrioso

Melhor para:Modelo de miniatura do YouTube para um canal de história

Cinematográfico e sombrio, como uma estação à meia-noite onde a sinalização de latão pega o último brilho. O quase preto e o grafite dão às miniaturas um forte contraste, enquanto o ouro quente mantém o ponto focal legível em pequenos tamanhos. Emparelhe com tipos condensados ousados e formas simples, em vez de texturas ocupadas. Dica: Delinear o texto chave em cinza claro para evitar que ele afunde em fundos escuros.

Exemplo de imagem de trem noturno gerado usando media.io

12) Lanterna de âmbar

HEX:#e09f3e#b07d2a#5a3a2e#2a2623#f2e6d6

Ambiente:Brilhante, acolhedor, festivo

Melhor para:Café menu design

Brilhantes e acolhedores, como lanternas de âmbar refletindo a madeira polida. Use o âmbar brilhante para destaques e contas de preços, em seguida, apoie-se nos marrom profundos para cabeçalhos e estrutura. O tom cremoso mantém o menu leve e legível sem ficar branco. Dica: Aplique o âmbar mais forte apenas no topo de um ou dois especiais para que a atenção permaneça focada.

Exemplo de imagem de lanterna âmbar gerado usando media.io

13) Safira a vapor

HEX:#1c3d5a#2f6f8f#b08d57#2a201b#d9d6cf

Ambiente:Inventivo, nítido, de alto contraste

Melhor para:Telas de integração de aplicativos

Inventivo e nítido, como medidores de esmalte azul iluminados contra um chassi de latão. Estas combinações de cores steampunk funcionam bem para onboarding porque os azuis parecem modernos, enquanto o ouro se lê como um sotaque confiante. Mantenha os fundos no cinza pálido e use o marrom mais escuro apenas para o texto chave. Dica: Limite os gradientes à faixa azul para que o sotaque metálico permaneça limpo e plano.

Exemplo de imagem de steam sapphire gerado usando media.io

14) Rebite Rosa

HEX:#8b3a2b#c47a6a#b08d57#2b2320#f2e3d7

Ambiente:Romântico, Ornamentado, vintage

Melhor para:Convite de casamento para um local industrial

Romântico e ornamentado, como metalurgia rosa e gravado floresce em um medalhão. Uma paleta de cores steampunk com tanto calor se encaixa em convites quando você quer charme vintage sem ir muito escuro. Emparelhe o tom de blush com o creme para o cartão principal, em seguida, use expresso para o texto e latão para as bordas. Dica: Mantenha as linhas decorativas finas para que o layout ainda pareça arejado e premium.

Exemplo de imagem de rivet rose gerado usando media.io

15) Argila de fundição

HEX:#9b6a4a#c2a27a#6b3f2a#2f2a24#e8dccb

Ambiente:Aterrado, artesanato, terroso

Melhor para:ceramic studio logotipo e etiquetas

Aterrado e terroso, como argila queimada em forno ao lado de areia quente e ferramentas de ferro. Os tons médios criam uma sensação amigável feita à mão, enquanto o castanho escuro ancora logotipos e selos. Use o bege pálido como cor da etiqueta e deixe que os tons mais profundos façam a impressão. Dica: Escolha um tom de herói para a marca do seu logotipo e mantenha o resto para padrões e códigos de lote.

Exemplo de imagem de argila de fundição gerada usando media.io

16) Uísque de noz

HEX:#7a4e2d#4b2f22#d2b48c#2a2623#e9dfd2

Ambiente:Clássico, refinado, quente

Melhor para:Tema da interface do usuário do site do restaurante

Clássico e refinado, como painéis de noz e um copo de uísque sob luz suave. Use os tons escuros para cabeçalhos e navegação e, em seguida, conte com o neutro cremoso para fundos de página. A sombra tan funciona como um sotaque silencioso para divisores e estados de pavimento. Dica: Mantenha o texto do corpo no marrom mais profundo, em vez de preto puro, para manter a atmosfera quente.

Exemplo de imagem de Whisky walnut gerado usando media.io

17) Monarca Veludo

HEX:#2a1b2f#4a2b4f#b08d57#7f6a58#f1ece6

Ambiente:regal, Teatral, moody

Melhor para:Teatro playbill Capa

Regal e teatral, como um palco sombrio com acabamentos dourados e cortinas de veludo profundo. As cores roxas-marrom parecem dramáticas sem se tornar neon, e o ouro antigo se lê como detalhes clássicos de teatro. Combine com o tipo de alto contraste e ornamento simétrico para uma vibração formal. Dica: Mantenha as imagens monocromáticas e deixe o ouro lidar com todos os pontos de ênfase.

Exemplo de imagem de monarch velvet gerado usando media.io

18) Porto nebuloso

HEX:#6b7c86#2f3a3f#b56a4a#d6d9d8#1f1b17

Ambiente:misty, Marítimo, industrial

Melhor para:UI do jogo para um mapa de exploração

Nebuloso e marítimo, como um porto nebuloso com trilhos de ferro e acessórios de cobre. O conjunto cinza-azul mantém os painéis da UI calmos, enquanto o cobre quente marca hotspots interativos. Para legibilidade, use o quase preto para rótulos e o cinza pálido para sobreposições de mapas. Dica: reserve cobre para um tipo de ação, como pinos ou missões, para que os jogadores aprendam o sistema instantaneamente.

Exemplo de imagem de foggy harbor gerado usando media.io

19) Garrafas de tintura

HEX:#2f4b3a#2b6f73#c98b63#efe2c8#2c2a28

Ambiente:farmacêutico, curioso, eclético

Melhor para:Conjunto de rótulos botânicos para óleos essenciais

Farmacêutico e curioso, como prateleiras de garrafas de tintura com etiquetas manuscritas e vidro musculoso. O verde e azul dão uma base botânica, enquanto o bronzeado quente adiciona uma nota artesanal reconfortante. Para uma hierarquia forte, coloque texto na sombra do pergaminho e use o tom mais escuro para detalhes dos ingredientes. Dica: Mantenha as linhas de ilustração finas e consistentes para que as etiquetas pareçam coesas entre os aromas.

Exemplo de imagem de frascos de tintura gerados usando media.io

20) Brasslight Minimal

HEX:#f2efe9#d7c3a1#b08d57#4a4a45#1f1b17

Ambiente:Mínimo, premium, Equilibrado

Melhor para:Página de destino para uma marca de relógios boutique

Mínimo e premium, como latão escovado sob luz suave do dia e sombras nítidas. Esta combinação de cores steampunk permanece moderna porque os neutros fazem a maior parte do trabalho e o tom metálico se torna um sotaque contido. Use branco para seções espaçosas, carvão para texto e latão apenas para os CTA mais importantes. Dica: adicione divisores de linha de cabelo sutis no bege claro para manter o layout estruturado sem ruído visual.

Exemplo de imagem de brasslight minimal gerado usando media.io

21) Projeto de latão

HEX:#244a6b#102b3a#b08d57#c9d2cf#2a201b

Ambiente:Engenharia, confiante, nítido

Melhor para:Tema de slide de apresentação para uma palestra de tecnologia

Projetado e nítido, como linhas de tinta de blueprint que se encontram com fixadores de latão polido. Os blues profundos criam uma moldura forte para slides, e o sotaque de latão destaca métricas-chave sem se sentir alto. Use o cinza claro frio para blocos de conteúdo para manter os gráficos legíveis. Dica: Repita brass apenas nos títulos e um destaque de dados por slide para manter a clareza.

Exemplo de imagem de blueprint brass gerado usando media.io

22) Flor de Cinza

HEX:#2f2a24#6b3f2a#c47a6a#e6d3b1#b08d57

Ambiente:Suave, Fumado, Romântico

Melhor para:Folheto do Dia dos Namorados para um bar temático

Suave e esfumaçado, como brasas quentes sob pétalas de rosa e filigrana dourada. A nota de blush mantém o clima brincalhão, enquanto a cinza e o café marrom fazem com que pareça maduro e atmosférico. Use o pergaminho para o espaço de fundo e deixe o ouro agir como um pequeno brilho. Dica: Defina o título no tom mais escuro e use blush apenas para sotaques secundários, como corações ou cantos florescentes.

Exemplo de imagem de cinder blossom gerado usando media.io

Quais Cores Combinam com Steampunk?

O Steampunk combina melhor com metálicos quentes (latão, ouro antigo, cobre) e neutros aterrados (expresso, carvão, pergaminho, cinza quente). Estes dão ao seu design uma sensação de "construído a partir de materiais".

Para contraste, use contrapontos legais como azul ardósia, azul profundo ou verde oxidado-apenas mantenha-os ligeiramente silenciados para que ainda pareçam vintage e mecânicos.

Se você precisar de uma borda moderna, adicione um branco limpo para espaçamento e legibilidade, e mantenha seu tom mais escuro para tipografia e etiquetas chave da UI.

Como Usar uma Paleta de Cores Steampunk em Designs Reais

Comece com uma base neutra: pergaminho/branco escuro para fundos ou carvão profundo para layouts no modo escuro. Em seguida, escolha um tom metálico como o sotaque para CTAs, crachás e destaques de ícones.

Proteja a legibilidade atribuindo papéis: o tom mais escuro para o texto do corpo, os tons médios para as bordas e a interface secundária e o tom quente mais brilhante para a ênfase. Isso evita o problema "marrom lamacento" comum nas paletas steampunk.

Para impressão, mantenha os metálicos controlados e considere tintas foscas; para digital, simule o metal com sombreamento sutil apenas em pequenas áreas (botões, selos, ornamentos), evitando grandes blocos.

Crie Visuais de Paleta Steampunk com IA

Se você está apresentando um conceito ou montando um moodboard, gere visuais steampunk rapidamente a partir de prompts — depois refine usando uma direção de cor consistente baseada em HEX.

Com o Media.io, você pode criar pôsteres temáticos, mockups de UI, conceitos de rótulos e gráficos de capas que combinam com sua paleta, ajudando você a iterar antes da produção.

Tente descrever o tipo de design (pôster/UI/embalagem), adicionar "steampunk" e incluir algumas cores principais (como latão + carvão + pergaminho) para orientar o resultado.

Próximo: Paleta de Cores Verde Trifólio