I colori metallici aggiungono immediatamente eleganza, pensa a bordi cromati, neutri in nichel satinato e tocchi di oro caldo che risultano di alta qualità senza essere troppo appariscenti.
Qui sotto trovi idee per palette di colori metallici con codici HEX, oltre a consigli pratici per UI, branding e stampa così da mantenere la brillantezza e una buona leggibilità.
In questo articolo
- Perché le palette metalliche funzionano così bene
-
- cromato al tramonto
- neutri in nichel satinato
- bagliore champagne
- atmosfera oro rosa
- studio ottone antico
- brace di rame
- acciaio e ardesia
- gelo di platino
- orchidea canna di fucile
- stagno e perla
- turchese titanio
- sentiero oliva bronzo
- menta mercurio
- lilla argento sfumato
- arenaria dorata
- bronzo di mezzanotte
- rame urbano pop
- blush grafite
- lavaggio opale cromato
- oro nero laccato
- brillantezza acciaio cobalto
- argento affumicato agrumato
- Quali colori si abbinano bene con i metallici?
- Come usare una palette di colori metallici in progetti reali
- Crea visual di palette metalliche con l’AI
Perché le palette metalliche funzionano così bene
Le palette metalliche trasmettono un effetto “progettato” perché bilanciano contrasto e sobrietà: antracite e blu notte creano struttura, mentre argenti e ori caldi comunicano qualità.
Funzionano bene anche nelle diverse tipologie di supporti. Nella UI, i neutri ispirati ai metallici mantengono ordinati e leggibili i layout; per stampa e packaging, dettagli in ottone caldo o rame suggeriscono texture e artigianalità.
Soprattutto, gli schemi metallici valorizzano i dettagli. Un solo punto luce in oro, bronzo o cobalto può attirare lo sguardo su CTA, prezzi o elementi principali senza creare confusione.
Oltre 20 idee di palette di colori metallici (con codici HEX)
1) Cromato al tramonto

HEX: #0F172A #2B2F36 #8E96A3 #D7DCE3 #C7A86B
Atmosfera: elegante, notturno, premium
Ideale per: UI landing page SaaS
I toni crepuscolari e metallici ricordano le luci della città riflesse sul vetro. Usa blu scuro e grafite come base per la UI, poi l’argento morbido per superfici e separatori. Il tocco oro caldo si presta meglio per CTA principali o metriche chiave. Consiglio: mantieni i gradienti delicati, così il contrasto dei testi resta nitido.
Esempio immagine di ‘cromato al tramonto’ generato con media.io
Media.io è uno studio AI online per creare e modificare video, immagini e audio direttamente nel tuo browser.
2) Neutri in nichel satinato

HEX: #1F2937 #4B5563 #9CA3AF #E5E7EB #B45309
Atmosfera: minimal, industriale, calmo
Ideale per: dashboard UI e card dati
I neutri in nichel satinato trasmettono pulizia e tecnicità, come il metallo lavorato sotto luce soffusa. Crea dashboard con intestazioni antracite, grafici grigio medio e sfondi carta grigia. L’ambra spicca come colore di avviso o evidenza senza risultare eccessivo. Consiglio: riserva la tonalità più scura per testi, così le tabelle restano leggibili.
Esempio immagine di ‘neutri in nichel satinato’ generato con media.io
3) Bagliore Champagne

HEX: #2D1E1A #6B4E3D #C9A56A #F2E6D8 #F7F2EA
Atmosfera: delicato, celebrativo, elegante
Ideale per: coordinato inviti di nozze
I toni caldi dello champagne evocano luce di candela, raso e tintinnio di calici. Abbinare cacao profondo e neutri cremosi per i testi, oro per bordi, monogrammi o dettagli effetto lamina. Brilla su carta testurizzata, vellum e layout minimal. Consiglio: mantieni oro sottile per un effetto raffinato.
Esempio immagine di ‘bagliore champagne’ generato con media.io
4) Atmosfera Oro Rosa

HEX: #3B1F2B #7A3E4D #C27A7A #E7C2B8 #F5EFEA
Atmosfera: romantico, lucido, moderno
Ideale per: packaging e etichette per brand beauty
Le tonalità rosa metalliche sembrano metallo lucido riscaldato dalla pelle e dal blush. Per combinazioni sofisticate, fonda la palette con il prugna scuro e usa crema chiaro come respiro. Rosa e blush danno il meglio su packaging opaco con dettagli lucidi mirati. Consiglio: usa il rosa medio per piccola tipografia, così resta ben leggibile su sfondi chiari.
Esempio immagine di ‘atmosfera oro rosa’ generato con media.io
5) Studio Ottone Antico

HEX: #1B1A17 #3A2F21 #7A5C2E #C2A56A #EEE2C6
Atmosfera: classico, studiato, caldo
Ideale per: design copertina libro e cancelleria
Ottone antico e ombre profonde ricordano vecchie biblioteche, dorsi in pelle e scrivanie alla luce della lampada. Usa il quasi-nero per titoli, sovrapponi marroni caldi per profondità e decoro. L’ottone risalta in linee, bordi e dettagli stampati. Consiglio: prova uno sfondo leggermente testurizzato per dare allo sfondo crema un senso di archivio.
Esempio immagine di ‘studio ottone antico’ generato con media.io
6) Brace di Rame

HEX: #1F0F0A #5A1F12 #B24A2E #D98F63 #F3E4D8
Atmosfera: focoso, artigianale, deciso
Ideale per: logo ristorante e dettagli menu
Rossi braci e dettagli rame evocano fiamme vive e pentole battute. Funziona al meglio con espresso scuro a strutturare il layout e toni ramati su titoli o icone. Abbinalo a carta grezza, texture legno o foto cibo bianco/nero. Consiglio: riserva il rame più brillante per richiami speciali o divisori di sezione.
Esempio immagine di ‘brace di rame’ generato con media.io
7) Acciaio e Ardesia

HEX: #0B1220 #263040 #5B6777 #B8C2CE #E7EDF4
Atmosfera: freddo, strutturato, sicuro
Ideale per: UI software aziendale
Le tonalità acciaio e ardesia danno un senso di precisione, controllo e hardware raffinato. Usa il più scuro per la navigazione, ardesia per i pannelli, azzurri per superfici dei contenuti. Perfetto con icone a linea sottile e font condensati. Consiglio: aggiungi un solo accento acceso, oltre la palette, solo per azioni critiche.
Esempio immagine di ‘acciaio e ardesia’ generato con media.io
8) Gelo di Platino

HEX: #0F172A #334155 #94A3B8 #E2E8F0 #F8FAFC
Atmosfera: nitido, arioso, moderno
Ideale per: landing page minimal di prodotto
Il gelo platino ricorda la luce invernale su metallo liscio, pulito e arioso senza risultare sterile. Lascia dominare bianco quasi puro e argento chiaro negli sfondi, usa il navy per i testi e la struttura. Adatta a tech, skincare, home decor moderno. Consiglio: riduci le ombre e gioca con lo spazio per la gerarchia.
Esempio immagine di ‘gelo di platino’ generato con media.io
9) Orchidea canna di fucile

HEX: #111827 #374151 #6B7280 #A78BFA #EDE9FE
Atmosfera: cupo, futuristico, giocoso
Ideale per:locandina evento musicale
Gunmetal e orchidea ricordano il neon riflesso su un asfalto bagnato, un'atmosfera cupa ma pulsante. Usa i grigi scuri per i blocchi di sfondo e lascia alla lavanda il ruolo di colore per titoli e accenti. Si abbina bene a motivi geometrici e caratteri tipografici ad alto contrasto. Consiglio: limita la lavanda a uno o due elementi per sezione, così rimane vivace.
Esempio immagine di gunmetal orchidea generata con media.io
10) Peltro e Perla

HEX: #2A2E35 #5C6673 #AAB3BE #E8E3DC #FAF7F2
Atmosfera: delicato, raffinato, editoriale
Ideale per: layout di riviste e lookbook
Peltro e perla evocano tessuti sartoriali, luce diurna soffusa e lusso discreto. I grigi sono perfetti per griglie, didascalie e linee, mentre i neutri perlati mantengono le pagine luminose. Abbinalo a ritratti in bianco e nero o fotografie di prodotto minimali. Consiglio: usa il peltro per la tipografia minuta e riserva il nero quasi assoluto solo ai titoli di sezione.
Esempio immagine di peltro e perla generata con media.io
11) Titanio Teal

HEX: #0B1320 #1F2A44 #0F766E #67E8F9 #E6FFFB
Atmosfera: fresco, high-tech, energico
Ideale per: schermate di onboarding app
Il blu titanio con tocchi di teal ricorda circuiti puliti e luce costiera. Usa le tonalità profonde per struttura e il teal per elementi interattivi come switch, progressi, e link. Il cyan ghiacciato funziona bene come accento per illustrazioni o badge. Consiglio: mantieni i gradienti entro la famiglia del teal per evitare disturbi visivi.
Esempio immagine di titanio teal generata con media.io
12) Bronzo Oliva Trail

HEX: #1A1A12 #3B3A25 #6B6A3A #B08D57 #EFE6D6
Atmosfera: terroso, naturale, radicato
Ideale per: packaging sacchetto caffè artigianale
Bronzo e oliva evocano polvere da sentiero, foglie secche e sole su accessori metallici. Usa l'oliva come colore principale e il bronzo per badge, sigilli e dettagli tipografici. Si abbina naturalmente a texture di carta kraft e illustrazioni a linee semplici. Consiglio: riserva la crema chiara per pannelli nutrizionali e testi piccoli per garantire leggibilità.
Esempio immagine di bronzo oliva trail generata con media.io
13) Mercurio Menta

HEX: #0A0F14 #334155 #93C5FD #A7F3D0 #F1F5F9
Atmosfera: pulito, arioso, sperimentale
Ideale per: kit brand per startup
I toni scuri da mercurio con accenti menta e ghiaccio trasmettono freschezza, modernità e un tocco futuristico. Usa il nero quasi assoluto per loghi e marchi, poi lascia a menta e blu chiaro il compito di definire la grafica secondaria. Funziona bene con ampi spazi bianchi e forme arrotondate. Consiglio: mantieni la menta come colore distintivo e utilizza il blu solo per stati UI di supporto.
Esempio immagine di mercurio menta generata con media.io
14) Nebbia Argento Lilla

HEX: #1F2430 #4B5563 #C4B5FD #E5E7EB #FBF7FF
Atmosfera: sognante, soffice, contemporaneo
Ideale per: template social media per skincare
Neutri argentati con nebbia lilla ricordano il satin, la foschia e un delicato bagliore. Usa sfondi chiari per foto di prodotti e lascia al lilla sticker, titoli e forme decorative. Il grigio scuro garantisce la leggibilità del testo senza troppo contrasto. Consiglio: aggiungi contorni sottili grigio-argento per separare elementi pastello su bianco.
Esempio immagine di nebbia argento lilla generata con media.io
15) Sandstone Dorato

HEX: #2B2118 #6B4F3A #C2A179 #E7D3BA #FAF3EA
Atmosfera: illuminato dal sole, calmo, elegante
Ideale per: portfolio design interni
Sandstone dorato ricorda il sole caldo sulla pietra, tende in lino e dettagli in ottone satinato. Utilizza le tonalità crema per lo sfondo delle pagine e il marrone intenso per i titoli e la navigazione. Il beige dorato va bene per separatori, pulsanti e cornici sottili attorno alle foto. Consiglio: mantieni la saturazione bassa e lascia che la texture delle immagini sia la protagonista.
Esempio immagine di sandstone dorato generata con media.io
16) Bronzo di Mezzanotte

HEX: #070A0F #1F2937 #6B7280 #B07A3C #F3E8DB
Atmosfera: drammatico, lussuoso, sicuro
Ideale per: pubblicità prodotto orologio premium
Ombre di mezzanotte con accenti bronzei evocano il riflettore su accessori metallici lucidi. Come palette metallizzata, risalta su una base quasi nera con un unico accento bronzeo caldo per un effetto premium. Abbinalo a tipografia minimalista e ampi spazi negativi per mantenerlo moderno. Consiglio: usa il bronzo con parsimonia su bordi e micro-dettagli per evitare un aspetto pesante.
Esempio immagine di bronzo di mezzanotte generata con media.io
17) Urban Copper Pop

HEX: #111111 #2F2F2F #FF6A3D #C47C5A #F2EFEA
Atmosfera: street, audace, moderno
Ideale per: flyer conferenza tech
Toni urban scuri con copper pop ricordano cemento, segnaletica e calore luminoso. Mantieni nero e grigio dominanti per la struttura, poi usa il vivace arancione-rame come richiamo per date e CTA. Si abbina a caratteri sans audaci e blocchi geometrici netti. Consiglio: applica l'accento acceso in un unico sistema di forme coerente per ritmo visivo.
Esempio immagine di urban copper pop generata con media.io
18) Blush Grafite

HEX: #0B0D12 #2B2F3A #8B8F9A #E8B4B8 #FAF6F3
Atmosfera: delicato, chic, contemporaneo
Ideale per: UI ecommerce moda
Grafite con blush ricorda la seta sulla pelle, moderno ma accogliente. Usa il nero quasi assoluto per la navigazione, la grafite per le cornici e il blush come micro-accent sui cuoricini dei desideri o tag di offerte. Si abbina a fotografia editoriale e margini generosi. Consiglio: tieni il blush su sfondi chiari per conservare un effetto pulito e premium.
Esempio immagine di blush grafite generata con media.io
19) Lavaggio Opale Chrome

HEX: #0F172A #475569 #9CA3AF #CFFAFE #F8FAFC
Atmosfera: vetroso, luminoso, leggero
Ideale per: tema presentazione slide deck
Lavaggi opale e chrome ricordano la luce che attraversa il vetro, puliti e lievemente iridescenti. Usa il blu navy per titoli, ardesia per i testi principali, e riserva il cyan opale per separatori e numeri chiave. Funziona al meglio con grafici semplici e divisori sottili. Consiglio: mantieni gli sfondi prevalentemente bianchi per non attenuare l'effetto arioso.
Esempio immagine di lavaggio opale chrome generata con media.io
20) Oro Nero Laccato

HEX: #050505 #1C1C1C #3A3A3A #D4AF37 #F5F1E6
Atmosfera: drammatico, glamour, alto contrasto
Ideale per: logo brand di lusso e monogram
Oro nero laccato e oro brillante evocano luci da galà e gioielli lucidati. Il nero e l’antracite creano una base forte per loghi, l’oro invece è ideale come unico accento premium o come contorno sottile. Abbinalo a tipografia serif ad alto contrasto e molta area negativa. Consiglio: testa l'oro su finiture opache e lucide per scegliere il trattamento di stampa giusto.
Esempio immagine di oro nero laccato generata con media.io
21) Brillante Acciaio Cobalto

HEX: #0A1224 #1D4ED8 #60A5FA #A7B0BE #F1F5F9
Atmosfera: audace, sicuro, sportivo
Ideale per: evidenze UI app sport
Cobalto con neutri acciaio trasmette velocità, brillantezza e competitività. Usa il cobalto per azioni chiave e stati attivi, mentre i grigi acciaio mantengono il resto dell'interfaccia rilassato. Si abbina a icone forti e numeri condensati per punteggi. Consiglio: limita il blu a piena saturazione a un solo livello gerarchico per non sovraccaricare l’utente.
Esempio immagine di brillante acciaio cobalto generata con media.io
22) Argento Affumicato Citrus

HEX: #121212 #3F3F46 #A1A1AA #F59E0B #F5F5F4
Atmosfera: moderno, vivace, equilibrato
Ideale per: annunci e banner social brand
Toni argento affumicato con accento citrus ricordano streetwear moderno e segnaletica lucida. Per un abbinamento metallico che converte, mantieni i grigi come base e lascia all’arancione il ruolo di richiamo unico. Funziona bene per banner di offerte, callout funzioni e tipografia audace. Consiglio: usa il bianco caldo per dare respiro così l’accento rimane nitido.
Esempio immagine di argento affumicato citrus generata con media.io
Quali colori si abbinano bene con i metallici?
I neutri ispirati ai metalli si abbinano naturalmente a basi profonde (quasi-nero, navy, antracite) e superfici chiare (argento tenue, perla, bianco caldo). Questo contrasto mantiene il design nitido e "pulito come hardware".
Per gli accenti, scegli un unico richiamo caldo (oro, bronzo, rame) o uno freddo (cobalto, teal, lilla) e ripetilo con coerenza per pulsanti, badge e numeri chiave.
Se serve un sistema più ampio, aggiungi un colore "segnale" non metallico (come corallo o smeraldo) per avvisi e stati di successo—poi mantieni il resto sobrio.
Come usare una palette di colori metallici in progetti reali
In UI, tratta le palette metalliche come strumento gerarchico: il più scuro per navigazione e testo, grigi medi per pannelli e bordi, le tonalità più chiare per sfondi e card. Così l’interfaccia non risulta piatta.
Nel branding e packaging, i richiami metallici funzionano meglio come micro-dettagli—bordature sottili, monogrammi, icone o accenti simili al foil—piuttosto che grandi blocchi di colore lucido.
Per la stampa, fai sempre delle prove. I toni caldi dell'oro e del bronzo possono variare su carta non patinata, mentre gli argenti freddi possono apparire spenti se lo sfondo è troppo grigio.
Crea visual di palette metalliche con l’AI
Se vuoi avere un'anteprima di come appare una palette metallica in un layout reale, genera prima dei mockup veloci—landing page, poster, packaging o brand board—prima di passare ai file di produzione.
Con Media.io puoi trasformare un breve prompt in visual coerenti con il brand e iterare rapidamente cambiando solo un accento (oro in rame, ardesia in peltro, teal in cobalto) mantenendo la stessa struttura.
Usa i codici HEX della palette sopra come guida, poi descrivi i materiali (metallo spazzolato, laccato, carta satinata) per rafforzare l'effetto “metallico” senza compromettere la leggibilità.
Domande frequenti sulla palette di colori metallici
-
Cosa sono i colori metallici nel design?
I colori metallici sono tonalità che imitano metalli come argento, oro, cromo, bronzo e rame. Nel design digitale sono di solito rappresentati da grigi neutri più accenti caldi o freddi scelti con attenzione, mentre l’“effetto lucido” è suggerito attraverso contrasti, gradienti e punti luce. -
Come posso far apparire belli i colori metallici sugli schermi (senza vero effetto lucido)?
Usa una forte gamma di valori: base scura + superficie chiara + un accento. Aggiungi gradienti delicati o punti luce con moderazione, e dai priorità al contrasto del testo (WCAG-friendly) rispetto agli effetti lucidi. -
Qual è la palette metallica migliore per interfacce moderne?
Le palette fredde e neutre come Steel e Slate o Platinum Frost sono le più sicure per UI perché mantengono leggibili i componenti. Aggiungi un solo accento controllato (oro, teal, cobalto) per stati interattivi e principali CTA. -
Le palette metalliche funzionano per i marchi di lusso?
Sì—un alto contrasto nero + oro (come Lacquered Gold Noir) comunica subito lusso. La chiave è la moderazione: mantieni l’oro come un singolo segno, un bordo sottile, o un micro-dettaglio invece di coprire grandi superfici. -
Qual è il colore di sfondo migliore per accenti metallici?
Quasi-nero, antracite, blu navy e bianco caldo sono i più affidabili. Gli sfondi scuri fanno sembrare oro/rame più preziosi; quelli chiari fanno sembrare argento/perla più puliti e editoriali. -
Quanti colori metallici accento dovrei usare?
Tipicamente uno. Scegli un accento caldo (oro/bronzo/rame) o uno freddo (cobalto/teal/lilla) e usalo con coerenza per i pulsanti CTA, icone, separatori e dettagli chiave. -
Posso usare questi codici HEX per progetti di stampa?
Puoi iniziare con l’HEX per la pianificazione, ma converti in CMYK/Pantone e prova con delle bozze—le tinte metalliche possono variare a seconda del tipo di carta e delle finiture (opaco vs lucido vs foil).
Successivo: Palette colori Coral Orange

