Steampunk Farbpalette Inspiration: 20 einzigartige Farbkombinationen mit Hex-Codes

Steampunk-Paletten verbinden die Ästhetik der industriellen Vergangenheit mit retro-futuristischem Storytelling – denken Sie an Messingzahnräder, rußige Schatten, Sepiapapier und abgenutztes Leder.

Nachfolgend finden Sie Steampunk-Farbpaletten-Ideen mit HEX-Codes, die Sie für Poster, Benutzeroberflächen, Markenauftritte, Verpackungen und mehr verwenden können – plus Tipps, wie metallische Akzente scharf und lesbar bleiben.

Warum funktionieren Steampunk-Paletten so gut?

Ein Steampunk-Farbschema basiert auf glaubwürdigen Materialien – Messing, Kupfer, Tinte, Leder, Pergament, Rauch – und fühlt sich daher sofort greifbar und „echt“ an, sogar bei flachen Benutzeroberflächen oder klaren Markenauftritten.

Die meisten Steampunk-Farbkombinationen sind von Natur aus kontrastreich: dunkle Kohle- und Espresso-Brauntöne für Struktur, warme Neutrals für lesbare Flächen und metallische Gold/Kupfertöne für gezielte Betonung.

Sie sind auch genreübergreifend flexibel: Verstärken Sie Blau- und Türkistöne für einen technischen Retro-Futurismus, fügen Sie Grün für Efeu-und-Stein-Erbe hinzu oder setzen Sie auf Sepia und Rost für archivalische Erzählungen.

20+ Steampunk-Farbpaletten Ideen (mit HEX-Codes)

1) Messingkohle

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

Stimmung: industriell, warm, robust

Am besten für: Markenidentität für eine Vintage-Werkstatt

Industrielle Wärme mit einem Messing-und-Ruß-Gefühl, wie Lampenlicht auf Zahnrädern und Kohlenstaub auf Leder. Verwenden Sie das tiefe Anthrazit für Typografie und Struktur und bringen Sie danach Messing als hochwertigen Akzent ein. Der Creme-Ton hält Layouts auf Druck und Web lesbar. Tipp: Messing für Buttons, Siegel oder Schlüssel-Icons reservieren, um ein „matschiges“ Erscheinungsbild zu vermeiden.

Beispielbild von Messingkohle generiert mit media.io

Media.io

Media.io ist ein Online-AI-Studio zum Erstellen und Bearbeiten von Video, Bild und Audio direkt im Browser.

Jetzt kostenlos ausprobieren

2) Kupferzahnrad

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

Stimmung: mechanisch, gemütlich, handwerklich

Am besten für: Produktverpackung für handgemachte Waren

Gemütliche Metalltöne, die wie poliertes Kupfer, geöltes Holz und ein Hauch oxidierter Mechanik wirken. Dunkelbraun erdet das Design, während das rötliche Kupfer freundlich und handgefertigt wirkt. Das gedeckte Türkis als kleiner Kontrast eignet sich gut für Etiketten und Sortenunterscheidung. Tipp: Den Kupferton matt drucken und Glanz nur mit dezenten Farbverläufen in kleinen Bereichen imitieren.

Beispielbild von Kupferzahnrad generiert mit media.io

3) Sepiawerkstatt

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

Stimmung: nostalgisch, rau, erzählerisch

Am besten für: Eventplakat für eine Maker-Messe

Nostalgisch und rau, wie gealterte Fotos neben Blaupausen in einer vollgestellten Werkstatt. Diese Steampunk-Farbkombinationen kommen auf Plakaten zur Geltung, wenn Sie einen altmodischen Charakter ohne Kontrastverlust wollen. Pergament als Hintergrund, darauf dunkle Schrift und ein rostroter Callout für das Datum. Tipp: Dünne Liniengrafik im mittleren Braun, um Gravuren anzudeuten, ohne das Layout zu überladen.

Beispielbild von Sepiawerkstatt generiert mit media.io

4) Samtmotor

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

Stimmung: dramatisch, luxuriös, nächtlich

Am besten für: Albumcover-Design für retro-futuristische Musik

Dramatisch und samtig, wie Vorhänge, die geöffnet werden und einen summenden Maschinenraum enthüllen. Pflaume und Beinahe-Schwarz schaffen einen cineastischen Untergrund, während antikes Gold den Spot setzt. Warmes Off-White sparsam für Tracklisten und kleine Schrift, damit es elegant bleibt. Tipp: Goldakzente an das Raster ausrichten, damit die Opulenz gewollt wirkt, nicht zufällig.

Beispielbild von Samtmotor generiert mit media.io

5) Luftschiffdämmerung

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

Stimmung: abenteuerlich, optimistisch, luftig

Am besten für: Header und Hero-Banner eines Reiseblogs

Abenteuerlich und hell, wie Morgensonne auf genieteten Rümpfen und Segeltuch. Zarte Creme- und Sandtöne wahren eine offene Stimmung; Schieferblau bringt Struktur für Navigation und Überschriften. Die warmen Brauntöne mit subtilen Texturen wie Papierkorn oder Sticklinien kombinieren. Tipp: Schiefer für Haupt-CTA-Buttons nutzen, damit diese auf warmen Hero-Fotos sichtbar bleiben.

Beispielbild von Luftschiffdämmerung generiert mit media.io

6) Geräuchertes Leder

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

Stimmung: stimmungsvoll, maskulin, haptisch

Am besten für: Whiskeyetikett und Flaschenhals-Tag

Stimmungsvoll und haptisch, wie abgenutztes Leder, Pfeifenrauch und warmes Holz in einer Bar. Diese Steampunk-Farbpalette eignet sich bestens, wenn Sie die helleren Töne für Freiraum nutzen und die dunklen Brauntöne für die Hauptarbeit. Kombinieren Sie sie mit gravierter Serifenschrift und einfachen Wappen-Icons für Authentizität. Tipp: Ein kleines Foliendetail im Gold-Beige setzen, um einen hochwertigen Blickfang zu schaffen.

Beispielbild von Geräuchertes Leder generiert mit media.io

7) Uhrturm-Efeu

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

Stimmung: erdig, geheimnisvoll, traditionsreich

Am besten für: Buchcover eines Alternativgeschichts-Romans

Erdig und geheimnisvoll, wie Efeu am Uhrturm während Messingzeiger im Nebel ticken. Die Grüntöne gleichen die metallischen Noten natürlich aus und verhindern einen zu industriellen Eindruck. Nahezu Schwarz für den Titelkontrast und Creme für Untertitel-Klarheit. Tipp: Ein feines Zahnradmotiv im hellen Hintergrundton zufügen, das man nur bei genauem Hinschauen erkennt.

Beispielbild von Uhrturm-Efeu generiert mit media.io

8) Getriebe-Türkis

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

Stimmung: technisch, kühl, modern-vintage

Am besten für: Dashboard-UI für eine Maker-App

Technisch und kühl, wie Email-Zifferblätter und seegeschliffene Metallplatten. Türkis und tiefes Blaugrün bilden eine starke Basis für Interface-Panels, während antikes Messing für Schalter und Highlights wirkt. Hellgraublau für Karten und Abstände lassen die UI atmen. Tipp: Messing nur für aktive Zustände verwenden, um verwirrende Hervorhebungen im Dashboard zu vermeiden.

Beispielbild von Getriebe-Türkis generiert mit media.io

9) Oxidiertes Kupfer

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

Stimmung: verwittert, küstennah, erfinderisch

Am besten für:Beschilderung einer Museumsausstellung

Verwittert und erfinderisch, wie Kupfer, das in salziger Luft und Werkstattwärme gealtert ist. Die blau-grünen Töne bieten ruhige Flächen für Tafeln, während Kupfer und Espresso den historischen Akzent setzen. Kombinieren Sie mit klarer serifenloser Schrift für einen modernen Look. Tipp: Setzen Sie den Fließtext in der dunkelsten Farbe und reservieren Sie Kupfer für Abschnittsüberschriften und Pfeile.

Beispielbild von oxidiertem Kupfer, erstellt mit media.io

10) Patentpapier

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

Stimmung:archiviert, präzise, wissenschaftlich

Am besten für:Editorial-Layout für ein Designmagazin

Archiviert und präzise, wie Patentzeichnungen auf vergilbtem Papier mit scharfen Tintenlinien. Dieses Steampunk-Farbschema wirkt klar auf langen Seiten, weil die neutralen Töne sanft fürs Auge sind. Verwenden Sie das Schieferblau für hervorgehobene Zitate und Abschnittsunterteilungen, um das Layout zu modernisieren. Tipp: Halten Sie die Ränder großzügig und lassen Sie die dunkelste Farbe Überschriften und Bildunterschriften übernehmen, für Konsistenz.

Beispielbild von Patentpapier, erstellt mit media.io

11) Nachtzug

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

Stimmung:filmisch, urban, schattig

Am besten für:YouTube Thumbnail-Vorlage für einen Geschichtskanal

Filmisch und schattig, wie ein Mitternachtsbahnhof, wo Messingschilder das letzte Licht einfangen. Fast Schwarz und Graphit sorgen für starken Kontrast in Thumbnails, während warmes Gold den Fokus auch in kleinen Größen lesbar hält. Kombinieren Sie mit fetter, verdichteter Typografie und einfachen Formen statt lebhaften Texturen. Tipp: Konturieren Sie wichtige Texte im hellen Grau, damit sie nicht im dunklen Hintergrund untergehen.

Beispielbild von Nachtzug, erstellt mit media.io

12) Bernsteinlaterne

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

Stimmung:leuchtend, einladend, festlich

Am besten für:Café-Menü-Design

Leuchtend und einladend, wie Bernsteinlaternen, die auf poliertem Holz reflektieren. Verwenden Sie das helle Bernstein für Highlights und Preisangaben, und setzen Sie die tiefen Brauntöne für Überschriften und Struktur ein. Der cremige Farbton hält die Speisekarte leicht und gut lesbar, ohne grellweiß zu erscheinen. Tipp: Setzen Sie das kräftigste Bernstein nur für ein oder zwei Spezialitäten ganz oben, damit die Aufmerksamkeit fokussiert bleibt.

Beispielbild von Bernsteinlaterne, erstellt mit media.io

13) Steam Sapphire

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

Stimmung:erfinderisch, klar, kontrastreich

Am besten für:App-Onboarding-Bildschirme

Erfinderisch und klar, wie blaue Emailmessgeräte im Messinggehäuse. Diese Steampunk-Farbkombinationen eignen sich gut fürs Onboarding, da das Blau modern wirkt, während das Gold als selbstbewusste Akzentfarbe erscheint. Halten Sie den Hintergrund in hellem Grau und verwenden Sie das dunkelste Braun nur für wichtige Texte. Tipp: Begrenzen Sie Farbverläufe auf den Blaubereich, damit die metallische Akzentfarbe sauber und flach bleibt.

Beispielbild von Steam Sapphire, erstellt mit media.io

14) Rivet Rose

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

Stimmung:romantisch, verziert, vintage

Am besten für:Hochzeitseinladung für einen Industrie-Ort

Romantisch und verziert, wie roséfarbenes Metall und gravierte Ornamente auf einem Medaillon. Diese warme Steampunk-Farbpalette passt zu Einladungen, wenn man Charme im Vintage-Stil erreichen will, ohne zu dunkel zu werden. Kombinieren Sie den Roséton mit Creme für die Hauptkarte, Espresso für den Text und Messing für Rahmen. Tipp: Halten Sie Zierlinien dünn, sodass das Layout immer luftig und hochwertig bleibt.

Beispielbild von Rivet Rose, erstellt mit media.io

15) Foundry Clay

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

Stimmung:geerdet, handwerklich, erdig

Am besten für:Keramikstudio Logo und Etiketten

Geerdet und erdig, wie gebrannter Ton neben warmem Sand und Eisenwerkzeugen. Die mittleren Farbtöne erzeugen eine freundliche, handgemachte Atmosphäre, während das dunkle Braun Logos und Stempel verankert. Verwenden Sie das helle Beige als Etikettenfarbe und lassen Sie die tieferen Töne den Druck übernehmen. Tipp: Wählen Sie einen Hauptton für Ihr Logomark und behalten Sie den Rest für Muster und Seriencodes.

Beispielbild von Foundry Clay, erstellt mit media.io

16) Whiskey Walnut

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

Stimmung:klassisch, edel, warm

Am besten für:Restaurant Website UI-Theme

Klassisch und edel, wie Walnusspanel und ein Glas Whiskey bei weichem Licht. Verwenden Sie die dunklen Töne für Kopfzeilen und Navigation und setzen Sie das cremige Neutral für Seitenhintergründe ein. Das Beige wirkt als dezenter Akzent für Bereiche und Hover-Effekte. Tipp: Der Fließtext sollte in tiefstem Braun gehalten sein, nicht in reinem Schwarz, um die warme Atmosphäre zu bewahren.

Beispielbild von Whiskey Walnut, erstellt mit media.io

17) Monarch Velvet

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

Stimmung:royal, theaterhaft, stimmungsvoll

Am besten für:Theaterprogramm-Titelseite

Royal und theaterhaft, wie eine gedimmte Bühne mit Goldverzierungen und tiefem Samtvorhang. Die violett-braunen Töne wirken dramatisch, ohne neonhaft zu werden, und antikes Gold erinnert an klassische Theaterdetails. Kombinieren Sie mit kontrastreicher Typografie und symmetrischem Zierrat für einen formellen Stil. Tipp: Halten Sie Bilder monochrom und überlassen Sie Gold sämtliche Akzentpunkte.

Beispielbild von Monarch Velvet, erstellt mit media.io

18) Nebelhafen

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

Stimmung:neblig, maritim, industriell

Am besten für:Game UI für eine Erkundungskarte

Neblig und maritim, wie ein Hafen im Nebel mit Eisenbahnen und Kupferbeschlägen. Die grau-blauen Töne halten UI-Panels ruhig, während warmes Kupfer interaktive Hotspots markiert. Für Lesbarkeit sollten Sie das fast Schwarze für Etiketten und das helle Grau für Karteneinblendungen verwenden. Tipp: Reservieren Sie Kupfer für eine Aktion, z. B. Pins oder Quests, damit die Nutzer das System sofort verstehen.

Beispielbild von Nebelhafen, erstellt mit media.io

19) Tincture Bottles

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

Stimmung:Apotheker, neugierig, eklektisch

Am besten für:Botanisches Etikettenset für ätherische Öle

Apotheker und neugierig, wie Regale mit Tinkturenflaschen, handgeschriebenen Etiketten und moosigem Glas. Grün und Türkis bilden die botanische Basis, während warmes Beige für handgemachte Akzente sorgt. Für eine klare Hierarchie setzen Sie Text auf dem Pergamentton und nutzen den dunkelsten Farbton für Zutatenangaben. Tipp: Halten Sie Illustrationslinien dünn und konsistent, damit die Etiketten über alle Düfte hinweg zusammengehören.

Beispielbild von Tincture Bottles, erstellt mit media.io

20) Brasslight Minimal

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

Stimmung:minimalistisch, hochwertig, ausgewogen

Am besten für:Landingpage für eine Boutique-Uhrenmarke

Minimalistisch und hochwertig, wie gebürstetes Messing im Tageslicht und scharfen Schatten. Diese Steampunk-Farbkombination bleibt modern, weil die Neutralen das Meiste übernehmen und das Metall nur als dezenter Akzent dient. Verwenden Sie Off-White für großzügige Abschnitte, Anthrazit für Texte und Messing nur für die wichtigsten CTAs. Tipp: Fügen Sie dezente, feine Teilungsstriche im hellen Beige hinzu, um das Layout strukturiert und ohne visuelle Unruhe zu halten.

Beispielbild von Brasslight Minimal, erstellt mit media.io

21) Blueprint Brass

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

Stimmung:technisch, selbstbewusst, klar

Am besten für:Präsentationsfolien-Theme für einen Tech-Talk

Technisch und klar, wie Linierungen von Bauplänen, die auf poliertes Messing treffen. Die tiefen Blautöne schaffen kräftige Rahmung für Folien und die Messingakzente heben wichtige Kennzahlen hervor, ohne laut zu sein. Verwenden Sie das kühle hellgrau für Inhaltsblöcke, um Diagramme gut lesbar zu halten. Tipp: Wiederholen Sie Messing nur auf Titeln und einmal pro Folie als Datenhighlight, um Klarheit zu bewahren.

Beispielbild von Blueprint Brass, erstellt mit media.io

22) Cinder Blossom

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

Stimmung:weich, rauchig, romantisch

Am besten für:Valentinstags-Flyer für eine Themenbar

Weich und rauchig, wie warme Glut unter Rosenblättern und Goldornamenten. Der Blushton sorgt für spielerische Stimmung, während Asche- und Kaffee-Braun reife und atmosphärische Akzente setzen. Verwenden Sie Pergament für Hintergrundbereiche und lassen Sie Gold als kleinen Funken wirken. Tipp: Setzen Sie die Überschrift in der dunkelsten Farbe und verwenden Sie Blush nur für sekundäre Akzente wie Herzen oder Eckverzierungen.

Beispielbild von Cinder Blossom, erstellt mit media.io

Welche Farben passen gut zu Steampunk?

Steampunk harmoniert am besten mit warmen Metalltönen (Messing, antikes Gold, Kupfer) und geerdeten Neutralen (Espresso, Anthrazit, Pergament, warmes Grau). Diese verleihen Ihrem Design einen "materialbasierten" Charakter.

Für Kontrast nutzen Sie kühle Gegenstücke wie Schieferblau, tiefes Türkis oder oxidiertes Grün – halten Sie diese aber etwas ausgegraut, damit sie dennoch vintage und mechanisch wirken.

Wenn Sie eine moderne Note benötigen, fügen Sie klares Off-White für Abstand und Lesbarkeit hinzu und verwenden Sie Ihren dunkelsten Farbton für Text und wichtige UI-Beschriftungen.

Wie verwendet man eine Steampunk-Farbpalette in echten Designs?

Starten Sie mit einer neutralen Basis: Pergament/Off-White für Hintergründe oder tiefes Anthrazit für Dark-Mode-Layouts. Wählen Sie dann einen Metallton als Akzent für CTAs, Badges und Icon-Highlights.

Schützen Sie die Lesbarkeit durch klare Rollenverteilung: Dunkelster Ton für Fließtext, mittlere Töne für Rahmen und sekundäres UI, und den hellsten warmen Ton für Hervorhebungen. So vermeiden Sie das „matschige Braun“-Problem, das Steampunk-Paletten oft haben.

Für den Druck sollten Metallic-Töne kontrolliert und matte Tinten in Betracht gezogen werden; digital lässt sich Metall mit subtilen Schattierungen nur in kleinen Bereichen (Buttons, Siegel, Ornamente), nicht über große Flächen, nachahmen.

Erstellen Sie Steampunk-Paletten-Visuals mit KI

Wenn Sie ein Konzept vorstellen oder ein Moodboard erstellen, erzeugen Sie schnelle Steampunk-Visuals aus Prompts und verfeinern Sie diese anschließend mit konsistenter HEX-basierter Farbrichtung.

Mit Media.io können Sie thematische Poster, UI-Mockups, Etikettenkonzepte und Cover-Grafiken erstellen, die zu Ihrer Farbpalette passen und Ihnen helfen, vor der Produktion zu iterieren.

Versuchen Sie, den Design-Typ zu beschreiben (Poster/UI/Verpackung), fügen Sie „Steampunk“ hinzu und geben Sie einige Schlüssel­farben an (wie Messing + Anthrazit + Pergament), um das Ergebnis zu steuern.

Weiter: Shamrock-Grün Farbpalette