20 Melhores Paletas de Cores Metálicas com Códigos Hex e Prompt de IA

As cores metálicas instantaneamente adicionam polimento – pense em bordas cromadas, níquel escovado neutros e acentos dourados quentes que parecem premium sem ser barulhentos.

Abaixo estão ideias de paleta de cores metálicas com códigos hexagonais, além de dicas práticas para UI, branding e impressão para que você possa manter o brilho enquanto permanece legível.

Por que as paletas metálicas funcionam tão bem

Paletas metálicas parecem "projetadas" porque equilibram contraste e contenção: carvões profundos e marinhas criam estrutura, enquanto pratas e ouros quentes sinalizam qualidade.

Eles também traduzem através de meios. Na UI, os neutros inspirados em metálicos mantêm os layouts limpos e legíveis; Na impressão e embalagem, as pistas de latão quente ou cobre podem implicar textura e artesanato.

Mais importante, os esquemas metálicos fazem com que os sotaques importem. Um único destaque de ouro, bronze ou cobalto pode guiar a atenção para CTAs, preços ou detalhes do herói sem adicionar desordem.

20+ ideias de paleta de cores metálicas (com códigos hexagonais)

1) Crepúsculo de cromo

hexagonal:#0F172A#2B2F36#8E96A3#D7DCE3#C7A86B

humor:Elegante, Nocturno, premium

Melhor para:UI da página de destino SaaS

Tons de crepúsculo elegantes com um brilho cromado parecem luzes da cidade saltando do vidro. Use o azul marinho profundo e o grafite como base da sua interface do usuário e, em seguida, deixe o prata macio lidar com as superfícies e divisores. O sotaque de ouro quente é melhor salvo para CTAs primários ou métricas-chave. Dica: mantenha os gradientes sutis para que o contraste do texto permaneça nítido.

Exemplo de imagem do chrome dusk gerado usando media.io

Media.io

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

Experimente agora de graça

2) Níquel escovado neutros

hexagonal:#1F2937#4B5563#9CA3AF#E5E7EB#B45309

humor:Mínimo, industrial, Calmo

Melhor para:UI do painel e cartões de dados

Os neutros de níquel escovado são limpos e técnicos, como metal usinado sob luz de estúdio suave. Crie painéis com cabeçalhos de carvão, gráficos cinza médio e fundos de cartão cinza pálido. A nota âmbar funciona como uma cor de aviso ou destaque sem sentir alto. Dica: reserve o tom mais escuro para tipografia para manter as tabelas legíveis.

Exemplo de imagem de níquel escovado neutros gerados usando media.io

3) champanhe brilho

hexagonal:#2D1E1A#6B4E3D#C9A56A#F2E6D8#F7F2EA

humor:Suave, comemorativo, elegante

Melhor para:suite de convite de casamento

Tons quentes de champanhe evocam a luz de velas, cetim e copos estremecedores. Emparelhe o cacau profundo com neutros cremosos para o tipo, em seguida, deixe o ouro sentar em bordas, monogramas ou sotaques semelhantes a folha. Ele brilha em papel texturizado, sobreposições de velum e layouts mínimos. Dica: Mantenha os elementos de ouro finos para um acabamento refinado.

Exemplo de imagem de brilho de champanhe gerado usando media.io

4) Caso de ouro rosa

hexagonal:#3B1F2B#7A3E4D#C27A7A#E7C2B8#F5EFEA

humor:Romântico, Brilhante, Moderno

Melhor para:Embalagens e etiquetas da marca de beleza

Os tons rosa românticos parecem metal polido aquecido pela pele e pelo blush. Para combinações de cores metálicas que permaneçam sofisticadas, funde a paleta com a ameixa profunda e use o creme pálido como sala de respiração. Os tons Rose e blush funcionam melhor em embalagens foscas com detalhes spot-gloss. Dica: use a rosa média para tipografia pequena para que ela permaneça legível em fundos claros.

Exemplo de imagem de rose gold affair gerado usando media.io

5) Estudo de latão antigo

hexagonal:#1B1A17#3A2F21#7A5C2E#C2A56A#EEE2C6

humor:Patrimônio, Acadêmico, Caloroso

Melhor para:design de capa de livro e papelaria

Sombras antigas de latão e tinta parecem antigas bibliotecas, espinhas de couro e mesas iluminadas por lâmpadas. Use o quase preto para títulos e, em seguida, camada marrom quente para profundidade e ornamento. O latão funciona lindamente em pequenas linhas de arte, bordas e detalhes carimbados. Dica: Experimente um fundo ligeiramente texturizado para fazer o creme mais leve parecer arquivístico.

Exemplo de imagem de estudo de latão antigo gerado usando media.io

6) brasa de cobre

hexagonal:#1F0F0A#5A1F12#B24A2E#D98F63#F3E4D8

humor:fogoso, artesanal, ousado

Melhor para:Logotipo do restaurante e acentos do menu

Cores vermelhos e cobre esfumaçados evocam chamas abertas e utensílios de cozinha martelados. Como uma paleta de cores metálicas, funciona melhor quando o expresso escuro ancora o layout e os tons de cobre permanecem nas manchetes ou ícones. Combine-o com papel não revestido, texturas de madeira ou fotografia de comida em preto e branco. Dica: Mantenha o cobre mais brilhante para chamadas como especiais do chef ou divisores de seção.

Exemplo de imagem de copper ember gerado usando media.io

7) Aço e ardósia

hexagonal:#0B1220#263040#5B6777#B8C2CE#E7EDF4

humor:Legal, estruturado, confiante

Melhor para:UI de software empresarial

Os tons frios de aço e ardósia parecem precisão, controle e hardware polido. Use o tom mais escuro para navegação, ardósia para painéis e azul-cinza pálido para superfícies de conteúdo. Ele combina bem com ícones de linha afiada e tipo condensado. Dica: Adicione uma cor de acento brilhante fora do conjunto apenas para ações críticas.

Exemplo de imagem de aço e ardósia gerado usando media.io

8) geada de platina

hexagonal:#0F172A#334155#94A3B8#E2E8F0#F8FAFC

humor:Crispo, arejado, moderno

Melhor para:Página de destino mínima do produto

Platinum frost parece luz de inverno em metal liso, limpo e arejado sem parecer estéril. Deixe a prata quase branca e pálida dominar os fundos e, em seguida, use o azul marinho para o tipo e a estrutura. Esta mistura se adapta à tecnologia, cuidados com a pele e produtos domésticos modernos. Dica: Reduza a intensidade das sombras e confie no espaçamento para a hierarquia.

Exemplo de imagem de platinum frost gerado usando media.io

9) Orquídea Gunmetal

hexagonal:#111827#374151#6B7280#A78BFA#EDE9FE

humor:moody, futurista, brincalhão

Melhor para: cartaz de evento musical

Gunmetal e orquídea lembram neon refletido em pavimento molhado, com uma vibe sóbria e pulsante. Use os cinzas escuros para blocos de fundo e deixe o lavanda para títulos e destaques. Combina bem com padrões geométricos e fontes de alto contraste. Dica: limite o lavanda a um ou dois elementos por seção para manter o toque elétrico.

Exemplo de imagem de gunmetal e orquídea gerado no media.io

10) Pewter e Pérola

hexagonal: #2A2E35 #5C6673 #AAB3BE #E8E3DC #FAF7F2

humor: suave, refinado, editorial

Melhor para: layout de revista e lookbook

Pewter e pérola remetem a tecidos sob medida, luz suave do dia e luxo discreto. Os tons de cinza são perfeitos para grades, legendas e linhas, enquanto os tons perolados mantêm as páginas leves. Combine com retratos em preto e branco ou fotografia de produto minimalista. Dica: use pewter para tipografia pequena e reserve o quase preto apenas para cabeçalhos de seção.

Exemplo de imagem de pewter e pérola gerado no media.io

11) Titânio Teal

hexagonal: #0B1320 #1F2A44 #0F766E #67E8F9 #E6FFFB

humor: fresco, high-tech, enérgico

Melhor para: telas de onboarding de app

Azuis titânio com toques de teal transmitem a sensação de circuitos limpos e luz costeira. Use os tons profundos para estrutura, e o teal para elementos interativos como toggles, progresso e links. O ciano gelado funciona como destaque em ilustrações ou selos. Dica: mantenha os gradientes na família teal para evitar ruído visual.

Exemplo de imagem de titânio teal gerado no media.io

12) Trilha Bronze Oliva

hexagonal: #1A1A12 #3B3A25 #6B6A3A #B08D57 #EFE6D6

humor: terroso, ao ar livre, sólido

Melhor para: embalagem de café artesanal

Bronze e oliva remetem a poeira de trilha, folhas secas e sol sobre ferragens de metal. Use oliva como cor principal e bronze para selos, medalhas e detalhes pequenos. Combina naturalmente com texturas de papel kraft e ilustrações em linha simples. Dica: mantenha o creme claro para painéis nutricionais e áreas de texto pequeno para garantir legibilidade.

Exemplo de imagem de bronze e oliva trilha gerado no media.io

13) Mercúrio Menta

hexagonal: #0A0F14 #334155 #93C5FD #A7F3D0 #F1F5F9

humor: limpo, arejado, experimental

Melhor para: kit de marca para startup

Escuros como mercúrio com acentos de menta e gelo transmitem frescor, modernidade e um leve toque futurista. Use o quase preto para logos e palavras-marca, depois empregue menta e azul claro para gráficos secundários. Funciona bem com muito espaço em branco e formas arredondadas. Dica: mantenha a menta como cor assinatura e o azul apenas para estados de UI de apoio.

Exemplo de imagem de mercúrio menta gerado no media.io

14) Névoa Lilás Prata

hexagonal: #1F2430 #4B5563 #C4B5FD #E5E7EB #FBF7FF

humor: etéreo, suave, contemporâneo

Melhor para: templates de mídias sociais para skincare

Neutros prateados com névoa lilás evocam cetim, neblina e brilho suave. Use fundos claros para fotos de produtos e deixe o lilás para selos, títulos e formas decorativas. O cinza escuro mantém a leitura do texto agradável sem contraste agressivo. Dica: adicione contornos finos prata para separar elementos pastel no branco.

Exemplo de imagem de névoa lilás prata gerado no media.io

15) Arenito Dourado

hexagonal: #2B2118 #6B4F3A #C2A179 #E7D3BA #FAF3EA

humor: iluminado, calmo, sofisticado

Melhor para: portfólio de design de interiores

Arenito dourado lembra sol quente na pedra, cortinas de linho e metais escovados. Use tons cremosos para fundos e marrom rico para títulos e navegação. O bege dourado é ótimo para divisórias, botões e molduras sutis em fotos. Dica: mantenha a saturação baixa e deixe a textura das imagens dar vida ao layout.

Exemplo de imagem de arenito dourado gerado no media.io

16) Bronze Meia-noite

hexagonal: #070A0F #1F2937 #6B7280 #B07A3C #F3E8DB

humor: dramático, luxuoso, confiante

Melhor para: anúncio de produto premium de relógio

Sombras da meia-noite com destaques de bronze evocam holofotes sobre metais polidos. Como paleta metálica, se destaca melhor com base quase preta e um único destaque bronze para efeito premium. Use tipografia minimalista e muito espaço negativo para um visual moderno. Dica: use bronze com moderação nas bordas e microdetalhes para evitar um aspecto carregado.

Exemplo de imagem de bronze meia-noite gerado no media.io

17) Cobre Urbano Pop

hexagonal: #111111 #2F2F2F #FF6A3D #C47C5A #F2EFEA

humor: urbano, ousado, moderno

Melhor para: flyer de conferência de tecnologia

Tons urbanos escuros com um toque cobre transmitem concreto, placas e calor vibrante. Mantenha preto e cinza para a estrutura e use o laranja-cobre vivo como destaque para datas e CTAs. Combina com fontes sem serifa marcantes e blocos geométricos afiados. Dica: aplique o destaque vivo em um único sistema de formas para ritmo visual.

Exemplo de imagem de cobre urbano pop gerado no media.io

18) Grafite e Blush

hexagonal: #0B0D12 #2B2F3A #8B8F9A #E8B4B8 #FAF6F3

humor: suave, chique, contemporâneo

Melhor para: UI de e-commerce de moda

Grafite com blush relembra seda sobre couro, moderno e acessível. Use o quase preto na navegação, grafite para molduras e blush como micro-acento em corações de favoritos ou etiquetas de promoção. Combina com fotografia editorial e margens generosas. Dica: use o blush sobre fundos claros para manter o visual limpo e premium.

Exemplo de imagem de grafite e blush gerado no media.io

19) Opala Cromada Suave

hexagonal: #0F172A #475569 #9CA3AF #CFFAFE #F8FAFC

humor: vítreo, luminoso, leve

Melhor para: tema para apresentação

Tons de opala e cromo lembram luz passando pelo vidro, limpos e levemente iridescentes. Use navy para títulos, ardósia para corpo de texto, e opala ciano para separar seções e destacar números. Funciona melhor com gráficos simples e divisórias finas. Dica: mantenha fundos principalmente brancos para não tirar o efeito arejado.

Exemplo de imagem de opala cromada suave gerado no media.io

20) Ouro Laqueado Noir

hexagonal: #050505 #1C1C1C #3A3A3A #D4AF37 #F5F1E6

humor: dramático, glamoroso, alto contraste

Melhor para: logotipo de marca de luxo e monograma

Noir laqueado e ouro brilhante evocam luzes de gala e joias polidas. O quase preto e carvão criam uma base forte para logos, enquanto o ouro se destaca como marca premium ou contorno fino. Combine com tipografia serifada de alto contraste e muito espaço vazio. Dica: teste o ouro em acabamentos fosco e brilhante para o processo de impressão ideal.

Exemplo de imagem de ouro laqueado noir gerado no media.io

21) Brilho Aço Cobalto

hexagonal: #0A1224 #1D4ED8 #60A5FA #A7B0BE #F1F5F9

humor: ousado, confiante, esportivo

Melhor para: destaques de UI de app esportivo

Cobalto com neutros de aço transmitem velocidade, brilho e competitividade. Use o cobalto em ações principais e estados ativos, e os cinzas aço no restante da interface para manter calma. Combina com ícones fortes e números condensados para placares. Dica: limite o azul saturado a um nível de hierarquia para não sobrecarregar o usuário.

Exemplo de imagem de brilho aço cobalto gerado no media.io

22) Citrus Prata Defumada

hexagonal: #121212 #3F3F46 #A1A1AA #F59E0B #F5F5F4

humor: moderno, marcante, equilibrado

Melhor para: banners e anúncios sociais de marca

Tons de prata defumada com punch de citrus lembram streetwear moderno e sinalização brilhante. Para combinações metálicas de impacto, use os cinzas na base e o laranja como único ponto de atenção. Essa dupla é ótima para banners de promoção, destaques de recursos e tipografia ousada. Dica: use o off-white claro para respiro, mantendo o destaque nítido.

Exemplo de imagem de citrus prata defumada gerado no media.io

Quais cores combinam bem com metálico?

Neutros inspirados em metal combinam naturalmente com bases profundas (quase preto, navy, carvão) e superfícies claras (prata suave, pérola, off-white quente). Esse contraste mantém o design nítido e com “limpeza de hardware”.

Para destaques, escolha um detalhe quente (ouro, bronze, cobre) ou frio (cobalto, teal, lilás) e repita-o de forma consistente em botões, selos e números-chave.

Se você precisa de um sistema mais amplo, adicione uma “cor sinalizadora” não metálica (como coral ou esmeralda) para alertas e estados de sucesso — mantendo o resto contido.

Como usar uma paleta de cores metálicas em desenhos reais

Em UI, trate paletas metálicas como ferramenta de hierarquia: o mais escuro para navegação e texto, cinzas médios para painéis e bordas, e tons mais claros para fundos e cards. Isso impede a interface de parecer plana.

Em branding e embalagem, elementos metálicos funcionam melhor como microdetalhes — bordas finas, monogramas, ícones ou destaques tipo hot-stamping — em vez de grandes blocos de cor brilhante.

Para impressão, sempre teste. Tons quentes de dourado e bronze podem mudar em papéis não revestidos, enquanto prateados frios podem parecer opacos se o fundo for muito acinzentado.

Crie visuais de paleta metálica com IA

Se você deseja visualizar como um esquema de cores metálicas fica em um layout real, crie protótipos rápidos primeiro—landing pages, cartazes, embalagens ou painéis de marca—antes de finalizar os arquivos de produção.

Com Media.io, você pode transformar um breve prompt em visuais que representam sua marca e iterar rapidamente trocando apenas um destaque (dourado por cobre, ardósia por estanho, verde-água por cobalto), mantendo a mesma estrutura.

Use os códigos HEX da paleta acima como guia, depois descreva materiais (metal escovado, laca, papel acetinado) para potencializar o clima “metálico” sem sacrificar a legibilidade.

Próximo: Paleta de Cores Laranja Coral