Idées de palettes de couleurs steampunk (20 choix + code hexadécimal)

Les palettes steampunk mêlent l’industrie vintage à une narration rétro-futuriste : pensez rouages en laiton, ombres de suie, papier sépia et cuir usé.

Voici ci-dessous des idées de palettes de couleurs steampunk avec codes HEX à utiliser pour des affiches, des interfaces, du branding, des packagings, etc.—plus des conseils pour garder les accents métalliques nets et lisibles.

Pourquoi les palettes steampunk fonctionnent si bien

Une palette steampunk repose sur des matériaux crédibles—laiton, cuivre, encre, cuir, parchemin, fumée—ce qui lui donne immédiatement un aspect tactile et « réel », même dans une interface plate ou un branding épuré.

La plupart des combinaisons steampunk sont naturellement à fort contraste : des charbons noirs et marrons espresso pour la structure, des neutres chauds pour l’espace lisible, et des ors/cuivres métalliques pour souligner certains éléments avec précision.

Elles sont aussi flexibles selon les genres : privilégiez les bleus/sarcelles pour un rétro-futurisme technique, ajoutez des verts pour une ambiance patrimoine-lierre-pierre, ou accentuez les sépias et rouilles pour accentuer la narration façon archives.

Plus de 20 idées de palettes de couleurs steampunk (avec codes HEX)

1) Laiton Charbon

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

Ambiance : industriel, chaleureux, robuste

Idéal pour : identité de marque pour un atelier vintage

Chaleur industrielle avec une ambiance laiton-et-suie, comme la lumière d’une lampe sur des rouages et de la poussière de charbon sur du cuir. Utilisez les charbons profonds pour la typographie et la structure, puis rehaussez avec le laiton en accent premium. La teinte crème assure la lisibilité sur imprimé ou web. Astuce : réservez le laiton pour boutons, sceaux ou icônes-clés afin d’éviter un aspect brouillon.

Exemple d’image de laiton charbon générée avec media.io

Media.io

Media.io est un studio en ligne d’IA pour créer et éditer des vidéos, images et audios directement dans votre navigateur.

Essayez gratuitement maintenant

2) Roue Cuivrée

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

Ambiance : mécanique, chaleureux, artisanal

Idéal pour : emballage produit pour articles faits main

Des tons de métal chaleureux qui rappellent le cuivre poli, le bois huilé et une touche de machinerie oxydée. Le brun foncé ancre le design tandis que le cuivre rosé évoque l’artisanat et la convivialité. Ajoutez la sarcelle sourde pour une petite touche de contraste sur les étiquettes ou déclinaisons de saveurs. Astuce : imprimez le cuivre en encre mate et imitez les reflets avec des dégradés subtils sur de petites surfaces seulement.

Exemple d’image de roue cuivrée générée avec media.io

3) Atelier Sépia

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

Ambiance : nostalgique, granuleux, narratif

Idéal pour : affiche d’événement pour marché d’artisans

Nostalgique et granuleux, comme des photos vieillies épinglées près de plans dans un atelier encombré. Ces palettes steampunk s’illustrent sur les affiches où l’on veut une ambiance ancienne sans sacrifier le contraste. Utilisez le ton parchemin pour le fond, puis superposez du texte foncé et un rouge rouille pour les dates. Astuce : ajoutez de fines illustrations marron moyen pour suggérer des gravures, sans alourdir la mise en page.

Exemple d’image d’atelier sépia générée avec media.io

4) Moteur Velours

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

Ambiance : dramatique, luxueux, nocturne

Idéal pour : pochette d’album pour musique rétro-futuriste

Dramatique et luxueux, comme des rideaux de velours révélant une salle des machines en pleine activité. La prune et le presque-noir créent une base cinématographique, tandis que l’or ancien éclaire la composition. Utilisez le crème chaud par touches pour listes de morceaux ou petits textes, afin de garder l’élégance. Astuce : gardez les accents dorés alignés sur une grille pour un effet luxe assumé et non aléatoire.

Exemple d’image de moteur velours générée avec media.io

5) Aurore Dirigeable

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

Ambiance : aventureux, optimiste, aérien

Idéal pour : en-tête de blog voyage et bannière principale

Aventureux et lumineux, comme l’aube sur des coques rivetées et des voiles de toile. Les crèmes et sables doux préservent l’ouverture, tandis que le bleu ardoise structure la navigation et les titres. Associez les bruns chauds à des textures subtiles type grain de papier ou lignes cousues. Astuce : utilisez l’ardoise pour les boutons CTA principaux afin d’assurer leur visibilité sur la photo d’accueil chaude.

Exemple d’image d’aurore dirigeable générée avec media.io

6) Cuir Fumé

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

Ambiance : sombre, masculin, tactile

Idéal pour : étiquette de bouteille de whisky et collier de bouteille

Sombre et tactile, comme du cuir usé, de la fumée de pipe et du bois chaud derrière le comptoir. Une palette steampunk comme celle-ci fonctionne mieux si l’on garde les tons clairs pour créer de l’aération et laisse les bruns foncés s’imposer. Associez-les à une typographie à empattement gravé et des petits blasons pour une authenticité renforcée. Astuce : ajoutez un petit élément dorure beige pour créer un point focal premium.

Exemple d’image de cuir fumé générée avec media.io

7) Lierre Clocher

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

Ambiance : naturel, mystérieux, patrimonial

Idéal pour : couverture de livre pour roman d’uchronie

Naturel et mystérieux, comme un lierre grimpant sur un clocher pendant que les aiguilles en laiton battent dans le brouillard. Les verts équilibrent la note métallique, empêchant la palette d’être trop industrielle. Utilisez le presque-noir pour contraster les titres et la crème pour la clarté des sous-titres. Astuce : ajoutez un léger motif engrenage dans la teinte claire de fond, afin qu’il n’apparaisse qu’à l’examen rapproché.

Exemple d’image de lierre clocher générée avec media.io

8) Boîte à Vitesses Sarcelle

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

Ambiance : technique, frais, rétro-moderne

Idéal pour : interface de tableau de bord pour application makers

Technique et rafraîchissant, comme des cadrans en émail et des plaques metal polies par la mer. Le sarcelle et le bleu-vert profond forment une base forte pour les panneaux d’interface, tandis que le laiton ancien ressort pour les interrupteurs et points clés. Gardez le bleu-gris clair pour les cartes et séparations pour une interface aérienne. Astuce : réservez le laiton aux états actifs pour éviter une utilisation confuse dans tout le dashboard.

Exemple d’image boîte à vitesses sarcelle générée avec media.io

9) Cuivre Oxydé

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

Ambiance : patiné, côtier, inventif

Idéal pour :Signalétique d’exposition de musée

Patinée et inventive, comme le cuivre laissé vieillir près de l'air salin et de la chaleur d’un atelier. Les tons bleu-vert procurent des fonds apaisants pour les panneaux, tandis que le cuivre et l’expresso apportent la note historique. Associez-les à une typographie sans empattement épurée pour un aspect contemporain. Astuce : utilisez la teinte la plus sombre pour le texte courant et réservez le cuivre aux titres de section et flèches.

Exemple d’image de cuivre oxydé générée via media.io

10) Papier Brevet

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

Ambiance : archivistique, précis, académique

Idéal pour :mise en page éditoriale pour un magazine de design

Archivistique et précis, comme des dessins de brevets sur du papier jauni, traits d’encre nets. Cette palette de couleurs steampunk donne une lecture agréable sur des pages longues grâce à ses neutres doux pour les yeux. Utilisez le bleu ardoise pour les citations et séparateurs de sections afin de moderniser l’ensemble. Astuce : gardez des marges généreuses et laissez la teinte la plus sombre pour titres et légendes pour l’homogénéité.

Exemple d’image de papier brevet générée via media.io

11) Rail de Nuit

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

Ambiance : cinématographique, urbain, ombragé

Idéal pour :modèle de vignette YouTube pour une chaîne d’histoire

Cinématographique et ombragé, comme une station de minuit où la signalétique en laiton capte la dernière lumière. Le presque noir et le graphite offrent un fort contraste pour les vignettes, tandis que l’or chaud maintient la lisibilité du point focal même à petite taille. À associer à une typographie condensée grasse et formes simples plutôt qu’à des textures chargées. Astuce : contournez les textes clés en gris clair pour éviter qu’ils ne disparaissent sur les fonds sombres.

Exemple d’image de rail de nuit générée via media.io

12) Lanterne Ambre

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

Ambiance : lumineux, accueillant, festif

Idéal pour :design de menu de café

Lumineux et accueillant, comme des lanternes ambrées reflétées sur du bois poli. Utilisez l’ambre vif pour les éléments saillants et les prix, puis les bruns foncés pour la structure et les titres. Le ton crème garde le menu lisible et léger sans le rendre trop blanc. Astuce : réservez le plus fort ton d’ambre aux une ou deux suggestions spéciales en haut du menu pour focaliser l’attention.

Exemple d’image de lanterne ambre générée via media.io

13) Saphir Vapeur

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

Ambiance : inventif, net, à fort contraste

Idéal pour :écrans d’onboarding d’application

Inventif et net, comme des cadrans émaillés bleus éclairés sur un châssis en laiton. Ces combinaisons steampunk conviennent pour l’onboarding : le bleu évoque la modernité, l’or un accent assuré. Gardez le fond en gris pâle et réservez le brun le plus foncé au texte clé. Astuce : limitez les dégradés à la gamme de bleus pour laisser les accents métalliques plats et propres.

Exemple d’image de saphir vapeur générée via media.io

14) Rose Rivet

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

Ambiance : romantique, orné, vintage

Idéal pour :invitation de mariage pour un lieu industriel

Romantique et orné, comme une ferronnerie teintée rose et des gravures sur un médaillon. Cette palette steampunk chaleureuse convient aux invitations si vous souhaitez du charme vintage sans être trop sombre. Associez le ton blush au crème pour la carte principale, expresso pour le texte et laiton pour les bordures. Astuce : gardez les lignes décoratives fines pour une présentation aérée et haut de gamme.

Exemple d’image de rose rivet générée via media.io

15) Argile Fonderie

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

Ambiance : ancré, artisanal, terreux

Idéal pour :logo et étiquettes pour atelier de céramique

Ancré et terreux, comme de l’argile cuite au four à côté de sable chaud et d’outils en fer. Les tons moyens créent une ambiance artisanale et conviviale, alors que le brun foncé ancre logos et tampons. Utilisez le beige clair comme couleur principale des étiquettes et les tons plus foncés pour l’impression. Astuce : choisissez une couleur phare pour le logo, puis réservez les autres aux motifs et codes de lots.

Exemple d’image d’argile fonderie générée via media.io

16) Noyer Whisky

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

Ambiance : classique, raffiné, chaleureux

Idéal pour :thème UI de site web de restaurant

Classique et raffiné, comme du panneau de noyer et un verre de whisky sous une lumière douce. Utilisez les tons foncés pour titres et navigation, et le neutre crémeux pour les fonds de page. Le fauve fonctionne discrètement en séparation ou pour le survol. Astuce : gardez le texte courant en brun profond plutôt qu’en noir pur pour préserver l’atmosphère chaleureuse.

Exemple d’image de noyer whisky générée via media.io

17) Velours Monarque

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

Ambiance : royal, théâtral, intense

Idéal pour :couverture de programme de théâtre

Royal et théâtral, comme une scène assombrie à liserés d’or et rideaux de velours profond. Les bruns violacés créent un effet dramatique sans aller vers le néon, et l’or antique rappelle les détails classiques du théâtre. À associer à une typographie à fort contraste et une ornementation symétrique pour une ambiance formelle. Astuce : gardez l’imagerie monochrome et laissez l’or souligner tous les points d’emphase.

Exemple d’image de velours monarque générée via media.io

18) Port Brumeux

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

Ambiance : brumeux, maritime, industriel

Idéal pour :UI de jeu pour carte d’exploration

Brumeux et maritime, comme un port dans le brouillard avec rails de fer et accessoires en cuivre. La gamme gris-bleu garde l'UI douce, tandis que le cuivre chaud marque les hotspots interactifs. Pour la lisibilité, utilisez le quasi-noir sur les libellés et le gris pâle sur les superpositions de carte. Astuce : réservez le cuivre à une seule action (ex : épingles ou quêtes) pour que les joueurs assimilent rapidement le système.

Exemple d’image de port brumeux générée via media.io

19) Flacons de Teinture

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

Ambiance : apothicaire, curieux, éclectique

Idéal pour :ensemble d’étiquettes botaniques pour huiles essentielles

Apothicaire et curieux, comme des étagères de flacons de teinture aux étiquettes manuscrites et verre moussu. Le vert et le bleu canard posent la base botanique, tandis que le beige chaud ajoute un aspect réconfortant et fait main. Pour une hiérarchie claire, placez le texte sur la teinte parchemin et gardez le ton le plus foncé pour la liste des ingrédients. Astuce : gardez des tracés d’illustration fins et constants pour un ensemble cohérent, quel que soit le parfum.

Exemple d’image de flacons de teinture générée via media.io

20) Laiton Minimal

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

Ambiance : minimal, premium, équilibré

Idéal pour :landing page pour une marque de montres de luxe

Minimal et premium comme le laiton brossé sous une lumière douce et des ombres nettes. Ce combo steampunk reste moderne car les neutres font le gros du travail et le métal devient un accent maîtrisé. Utilisez l’écru pour des espaces aérés, le charbon pour les textes, et le laiton pour l’appel à l’action principal. Astuce : ajoutez des filets fins en beige clair pour structurer sans bruit visuel.

Exemple d’image de laiton minimal générée via media.io

21) Laiton Plan

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

Ambiance : ingénieré, affirmé, net

Idéal pour :thème de diapositives de présentation pour conf technique

Ingénieur et net, comme des traits d’encre de plan rencontrant des rivets de laiton polis. Le bleu profond structure les slides, le laiton met en avant les métriques essentielles sans excès. Le gris clair rafraîchit les blocs de contenu pour des graphiques clairs. Astuce : réservez le laiton aux titres et à un seul point fort par diapositive pour garder la clarté.

Exemple d’image de laiton plan générée via media.io

22) Fleur de Cendre

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

Ambiance : doux, fumé, romantique

Idéal pour :flyer Saint-Valentin pour bar à thème

Doux et fumé, comme des braises sous des pétales de rose et des filigranes dorés. La note blush apporte une touche ludique alors que les bruns cendre et café posent un ton mature et atmosphérique. Utilisez le parchemin pour l’espace du fond et laissez l’or n’apparaître qu’en pointes discrètes. Astuce : le titre principal doit être dans la nuance la plus sombre et réservez le blush seulement aux accents secondaires (cœurs, coins décoratifs...)

Exemple d’image de fleur de cendre générée via media.io

Quelles couleurs s’accordent bien avec le steampunk ?

Le steampunk se marie au mieux avec les métaux chauds (laiton, or antique, cuivre) et les neutres ancrés (expresso, anthracite, parchemin, gris chaud), pour un effet « matières assemblées ».

Pour le contraste, utilisez des opposés froids comme le bleu ardoise, le bleu canard ou le vert oxydé — à condition de les choisir légèrement atténués pour garder le cachet vintage et mécanique.

Si vous recherchez une touche moderne, ajoutez un blanc cassé épuré pour l’espace et la lisibilité, et gardez la teinte la plus sombre pour la typographie et les principaux labels d’UI.

Comment utiliser une palette steampunk dans des créations concrètes

Commencez par une base neutre : parchemin/blanc cassé en fond ou anthracite pour le mode sombre. Ajoutez ensuite un métal en accent pour les boutons d’action, badges, et icônes.

Protégez la lisibilité par l’attribution des rôles : ton le plus foncé pour le texte courant, tons moyens pour cadres et éléments secondaires de l’UI, et la teinte la plus chaude et lumineuse pour l’emphase. Ainsi vous évitez l’effet « marron boueux » courant dans les palettes steampunk.

Pour l'impression, gardez les métallisés maîtrisés et privilégiez des encres mates ; pour le numérique, imitez le métal avec des ombrages subtils uniquement sur de petites zones (boutons, sceaux, ornements), jamais sur de grands blocs.

Créer des visuels de palettes steampunk avec l’IA

Si vous présentez un concept ou créez un moodboard, générez rapidement des visuels steampunk à partir de prompts—puis affinez avec une direction de couleur cohérente basée sur des codes HEX.

Avec Media.io, vous pouvez créer des affiches thématiques, des maquettes d’interface, des concepts d’étiquettes et des graphismes de couverture qui correspondent à votre palette, ce qui vous aide à itérer avant la production.

Essayez de décrire le type de design (affiche/interface/packaging), ajoutez “steampunk” et incluez quelques couleurs clés (comme laiton + charbon + parchemin) pour guider le résultat.

Suivant : Palette de couleurs vert trèfle