Palette colori steampunk: 20 idee con codici hex per il tuo design

Le palette steampunk fondono l’industria d’epoca con lo storytelling retro-futurista: pensa ad ingranaggi in ottone, ombre cupe di fuliggine, carta seppia e pelle vissuta.

Di seguito trovi idee di palette colori steampunk con codici HEX che puoi usare per poster, interfacce, branding, packaging e altro ancora—più consigli per mantenere gli accenti metallici nitidi e leggibili.

Perché le palette Steampunk funzionano così bene

Uno schema colori steampunk si basa su materiali credibili—ottone, rame, inchiostro, pelle, pergamena, fumo—quindi risulta immediatamente tattile e "reale", anche in un’interfaccia piatta o un branding pulito.

La maggior parte delle combinazioni steampunk sono naturalmente ad alto contrasto: carboni scuri e marroni espresso per la struttura, neutri caldi per la leggibilità, e ori/rame metallici per sottolineature controllate.

Sono anche flessibili tra generi: spingi su blu/verdi acqua per il retro-futurismo tecnico, aggiungi verdi per un retaggio da edera e pietra, o enfatizza seppia e ruggine per lo storytelling d’archivio.

Oltre 20 idee di palette colori steampunk (con codici HEX)

1) Carbone Ottone

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

Atmosfera: industriale, calda, robusta

Ideale per: identità di marca per un’officina vintage

Calore industriale con un tocco ottone-fuliggine, come la luce di una lampada su ingranaggi e polvere di carbone sulla pelle. Usa i carboni profondi per tipografia e struttura, poi porta l’ottone come accento premium. La tonalità crema mantiene ariose le impaginazioni su stampa e web. Consiglio: riserva l’ottone per bottoni, sigilli o icone chiave per evitare un aspetto confuso.

Esempio immagine di carbone ottone generato con media.io

Media.io

Media.io è uno studio AI online per creare ed editare video, immagini e audio direttamente nel browser.

Provalo ora gratis

2) Ingranaggio Rame

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

Atmosfera: meccanico, accogliente, artigianale

Ideale per: packaging prodotto per articoli fatti a mano

Toni metallici caldi che ricordano rame lucidato, legno oliato e un tocco di macchina ossidata. Il marrone scuro dà solidità al design mentre il rame rosato appare amichevole e lavorato a mano. Aggiungi il teal smorzato come piccola nota di contrasto per etichette o varianti gusto. Consiglio: stampa il rame come inchiostro opaco e simula la lucentezza solo con leggere sfumature in aree ristrette.

Esempio immagine di ingranaggio rame generato con media.io

3) Officina Seppia

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

Atmosfera: nostalgica, grintosa, narrativa

Ideale per: manifesto evento per una fiera dei maker

Nostalgica e grintosa, come vecchie fotografie appuntate vicino a progetti in un’officina affollata. Queste combinazioni brillano su manifesti dove vuoi carattere d’altri tempi senza perdere contrasto. Usa la pergamena come sfondo, poi sovrapponi testo scuro e un richiamo ruggine per le date. Consiglio: aggiungi line art sottile nel marrone medio per suggerire incisioni senza appesantire la composizione.

Esempio immagine di officina seppia generato con media.io

4) Motore Velluto

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

Atmosfera: drammatica, lussuosa, notturna

Ideale per: grafica copertina album per musica retro-futurista

Drammatica e ricca, come tende di velluto tirate per svelare una sala motori vibrante. Il prugna e quasi-nero creano una base cinematografica, mentre l’oro antico illumina la scena. Usa il bianco caldo con parsimonia per liste di tracce e piccola tipografia affinché rimanga elegante. Consiglio: allinea sempre gli accenti oro a una griglia perché la ricchezza sembri intenzionale, non casuale.

Esempio immagine di motore velluto generato con media.io

5) Alba Dirigenza

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

Atmosfera: avventurosa, ottimista, ariosa

Ideale per: header e banner principale blog viaggi

Avventurosa e luminosa, come l’alba che illumina scafi chiodati e vele di tela. I crema e sabbie morbide mantengono aperta l’atmosfera, mentre il blu ardesia aggiunge struttura a navigazione e titoli. Accoppia i marroni caldi a texture delicate come carta ruvida o cuciture. Consiglio: usa l’ardesia per i bottoni CTA principali così rimangono visibili sopra eroiche foto calde.

Esempio immagine di alba dirigenza generato con media.io

6) Pelle Affumicata

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

Atmosfera: cupa, maschile, tattile

Ideale per: etichetta whisky e fascetta collo bottiglia

Cupa e tattile, come pelle vissuta, fumo di pipa e legno caldo dietro il bancone. Una palette così funziona al meglio lasciando ai toni chiari spazio di respiro mentre i marroni scuri sorreggono la struttura. Accoppiala a caratteri serif incisi ed icone semplici da stemma per un effetto autentico. Consiglio: aggiungi un piccolo elemento foil nella nuance oro-beige per evidenziare un punto focale premium.

Esempio immagine di pelle affumicata generato con media.io

7) Edera Torre dell'Orologio

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

Atmosfera: terrosa, misteriosa, patrimoniale

Ideale per: copertina libro romanzo ucronia

Terrosa e misteriosa, come edera che sale su una torre dell’orologio mentre le lancette d’ottone ticchettano nella nebbia. I verdi bilanciano naturalmente il metallo, evitando che la palette risulti troppo industriale. Usa il quasi-nero per il contrasto titolo e la crema per la chiarezza dei sottotitoli. Consiglio: aggiungi un motivo ingranaggio appena accennato nel tono più chiaro così sia percepibile solo da vicino.

Esempio immagine di edera torre dell'orologio generato con media.io

8) Teal Scatola Ingranaggi

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

Atmosfera: tecnica, fresca, vintage-moderna

Ideale per: dashboard UI per app maker

Tecnica e fresca, come quadranti smaltati e piastre metalliche consumate dal mare. Il teal e il blu-verde scuro costruiscono una solida base per i pannelli di interfaccia, mentre il vecchio ottone spicca su toggle e highlight. Mantieni il blu-grigio chiaro per card e spaziature così da garantire un’interfaccia areata. Consiglio: usa l’ottone solo per stati attivi per non creare troppa enfasi sul dashboard.

Esempio immagine di teal scatola ingranaggi generato con media.io

9) Rame Ossidato

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

Atmosfera: vissuta, costiera, ingegnosa

Ideale per: segnaletica per mostre museali

Invecchiato e ingegnoso, come il rame lasciato ad ossidarsi vicino all’aria salmastra e al calore di un’officina. Le tonalità blu-verdi offrono superfici tranquille per i pannelli, mentre rame ed espresso aggiungono un tocco storico. Abbinalo a un font sans-serif pulito per mantenere un aspetto contemporaneo. Suggerimento: imposta il testo del corpo nella tonalità più scura e riserva il rame per le intestazioni delle sezioni e le frecce.

Esempio di immagine di rame ossidato generato con media.io

10) Carta da Brevetto

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

Atmosfera: archivistico, preciso, accademico

Ideale per: layout editoriale per rivista di design

Archivistico e preciso, come i disegni brevettuali su carta ingiallita con linee di inchiostro nette. Una palette steampunk come questa resta leggibile sulle pagine lunghe perché i neutri non affaticano la vista. Usa il blu ardesia per citazioni e divisori di sezione per rendere l’impaginato moderno. Suggerimento: mantieni ampi margini e lascia alla tonalità più scura il compito di gestire titoli e didascalie per coerenza.

Esempio di immagine di carta da brevetto generato con media.io

11) Night Rail

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

Atmosfera: cinematografico, urbano, cupo

Ideale per: modello thumbnail YouTube per un canale storico

Cinematografico e ombroso, come una stazione a mezzanotte dove la segnaletica in ottone riflette l’ultima luce. Il quasi-nero e il grafite danno contrasti forti alle anteprime, mentre l’oro caldo mantiene il punto focale leggibile anche in piccolo. Abbina caratteri bold e condensati e forme semplici piuttosto che texture elaborate. Suggerimento: contorna i testi principali con grigio chiaro per evitare che sprofondino negli sfondi scuri.

Esempio di immagine di night rail generato con media.io

12) Lanterna d’Ambra

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

Atmosfera: luminoso, accogliente, festoso

Ideale per: design menù per caffè

Luminoso e accogliente, come lanterne d’ambra riflesse sul legno lucido. Usa l’ambra vivace per punti salienti e prezzi, affidandoti poi ai marroni intensi per titoli e struttura. La tonalità cremosa mantiene il menù leggero e leggibile senza risultare troppo bianco. Suggerimento: applica la tonalità d’ambra più intensa solo ai primi una o due piatti speciali, così l’attenzione resta concentrata.

Esempio di immagine di lanterna d’ambra generato con media.io

13) Steam Sapphire

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

Atmosfera: creativo, nitido, ad alto contrasto

Ideale per: schermate onboarding per app

Creativo e nitido, come strumenti con smalto blu illuminati da una scocca in ottone. Queste combinazioni cromatiche steampunk funzionano bene per l’onboarding perché i blu sembrano moderni mentre l’oro offre un accento deciso. Mantieni gli sfondi sul grigio chiaro e usa il marrone più scuro solo per i testi più importanti. Suggerimento: limita le sfumature alla gamma dei blu così l’accento metallico resta pulito e piatto.

Esempio di immagine di steam sapphire generato con media.io

14) Rivet Rose

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

Atmosfera: romantico, decorato, vintage

Ideale per: invito di nozze per location industriale

Romantico e decorato, come un metallo rosato inciso e dettagli floreali su un medaglione. Una palette steampunk così calda si adatta bene agli inviti quando si vuole fascino vintage senza scurire troppo. Abbina il rosa tenue alla crema per il cartoncino principale, usa l’espresso per i testi e l’ottone per le cornici. Suggerimento: tieni le linee decorative sottili così il layout resta arioso e raffinato.

Esempio di immagine di rivet rose generato con media.io

15) Argilla di Fonderia

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

Atmosfera: radicato, artigianale, terroso

Ideale per: logo e etichette per studio di ceramica

Radicato e terroso, come argilla cotta vicino a sabbia calda e strumenti in ferro. Le tonalità intermedie creano una sensazione artigianale e amichevole, mentre il marrone scuro ancora loghi e timbri. Usa il beige chiaro come base per l’etichetta e lascia alle tonalità profonde il compito di stampare. Suggerimento: scegli una tinta principale per il logo, usa le altre per pattern e codici lotto.

Esempio di immagine di argilla di fonderia generato con media.io

16) Whiskey Walnut

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

Atmosfera: classico, raffinato, caldo

Ideale per: tema UI sito web ristorante

Classico e raffinato, come pannelli in noce e un bicchiere di whiskey sotto una luce soffusa. Usa le tonalità scure per header e navigazione, affidandoti al neutro cremoso per il fondo delle pagine. La tonalità beige funziona come accento discreto per divisori o stati hover. Suggerimento: mantieni il testo corrente nel marrone più profondo invece che nel nero assoluto per mantenere l’atmosfera calda.

Esempio di immagine di whiskey walnut generato con media.io

17) Monarch Velvet

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

Atmosfera: regale, teatrale, suggestivo

Ideale per: copertina locandina teatrale

Regale e teatrale, come un palco fioco con bordature dorate e tendaggi di velluto. I viola-marroni creano drammaticità senza eccessi neon, e l’oro antico ricorda dettagli classici da teatro. Abbina tipografia ad alto contrasto e orpelli simmetrici per un tocco formale. Suggerimento: mantieni le immagini monocrome e lascia all’oro tutti i punti di enfasi.

Esempio di immagine di monarch velvet generato con media.io

18) Porto Nebbioso

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

Atmosfera: nebbioso, marittimo, industriale

Ideale per: UI di gioco per mappa d’esplorazione

Nebbiose e marittime, come un porto avvolto nella foschia con binari di ferro e raccordi in rame. Il set grigio-blu mantiene calme le UI, mentre il rame caldo evidenzia gli hotspot interattivi. Per la leggibilità, usa il quasi-nero per le etichette e il grigio chiaro per le sovrapposizioni delle mappe. Suggerimento: riserva il rame per una sola funzione, tipo pin o quest, così i giocatori imparano subito il sistema.

Esempio di immagine di porto nebbioso generato con media.io

19) Bottigliette di Tinture

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

Atmosfera: erboristico, curioso, eclettico

Ideale per: set etichette botaniche per oli essenziali

Erboristico e curioso, come scaffali di bottigliette di tinture con etichette scritte a mano e vetro muschioso. Il verde e il teal creano una base botanica, mentre il beige caldo aggiunge una nota artigianale e accogliente. Per una chiara gerarchia, posiziona il testo sul colore pergamena e usa la tonalità più scura per i dettagli degli ingredienti. Suggerimento: mantieni le linee delle illustrazioni sottili e coerenti così le etichette sono armoniose fra le diverse fragranze.

Esempio di immagine di bottigliette di tinture generato con media.io

20) Brasslight Minimal

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

Atmosfera: minimale, premium, equilibrato

Ideale per: landing page per brand di orologi di lusso

Minimale e premium, come ottone spazzolato sotto luce naturale e ombre nette. Questa combinazione steampunk resta moderna perché sono i neutri a fare la maggior parte del lavoro e il tono metallico funge solo da accento. Usa il bianco sporco per le sezioni ariose, il carbone per i testi e l’ottone solo per la call to action principale. Suggerimento: aggiungi dei sottili divisori beige chiaro per strutturare senza distrarre visivamente.

Esempio di immagine di brasslight minimal generato con media.io

21) Blueprint Brass

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

Atmosfera: ingegneristico, sicuro, nitido

Ideale per: tema slide presentazione per tech talk

Ingegneristico e nitido, come linee da blueprint che incontrano chiusure in ottone lucido. I blu profondi incorniciano con decisione le slide e l’accento ottone evidenzia i dati chiave senza esagerare. Usa il grigio chiaro freddo per i blocchi contenuto, così i grafici restano leggibili. Suggerimento: ripeti l’ottone solo nei titoli e in un dato chiave per slide per mantenere chiarezza.

Esempio di immagine di blueprint brass generato con media.io

22) Cinder Blossom

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

Atmosfera: morbido, fumoso, romantico

Ideale per: volantino San Valentino per bar a tema

Morbido e fumoso, come braci calde sotto petali di rosa e filigrana dorata. Il rosa mantiene l’atmosfera giocosa, mentre i marroni cenere e caffè la rendono matura e suggestiva. Usa la pergamena come sfondo e il dorato solo come piccolo tocco scintillante. Suggerimento: usa la tonalità più scura per il titolo principale e lascia il rosa per dettagli secondari come cuori o ornamenti negli angoli.

Esempio di immagine di cinder blossom generato con media.io

Quali colori si abbinano bene allo Steampunk?

Lo steampunk si abbina al meglio con metallici caldi (ottone, oro antico, rame) e neutri terrosi (espresso, carbone, pergamena, grigio caldo). Questi danno al design una sensazione di “costruito con materiali”.

Per il contrasto, usa contrappunti freddi come blu ardesia, teal profondo o verde ossidato—basta che siano leggermente spenti perché restino vintage e meccanici.

Se vuoi un tocco moderno, aggiungi un bianco sporco per spazi e leggibilità, lasciando la tonalità più scura per tipografia e label chiave della UI.

Come usare una palette steampunk nei progetti reali

Parti da una base neutra: pergamena/bianco sporco per sfondi o carbone profondo per layout scuri. Poi scegli un unico metallo come accento per CTA, badge e icone.

Proteggi la leggibilità assegnando ruoli: tono più scuro per il corpo testo, medi per bordi e UI secondaria, e la tonalità calda più brillante per enfasi. Così eviti il classico problema dei marroni torbidi nelle palette steampunk.

Per la stampa, mantieni i colori metallici sotto controllo e considera inchiostri opachi; per il digitale, simula il metallo solo con sfumature leggere in piccole aree (bottoni, sigilli, ornamenti), mai su grandi superfici.

Crea visual di palette steampunk con l’IA

Se devi presentare un concept o creare una moodboard, genera rapidamente visual steampunk da prompt—poi perfeziona con una direzione cromatica coerente basata su HEX.

Con Media.io puoi creare poster a tema, mockup di interfacce, etichette e grafiche da copertina che corrispondono alla tua palette, aiutandoti a iterare prima della produzione.

Prova a descrivere il tipo di design (poster/ interfaccia/ packaging), aggiungi “steampunk” e includi alcuni colori chiave (come ottone + carbone + pergamena) per guidare il risultato.

Prossimo: Palette colore Verde Shamrock