Idées de palettes de couleurs grunge des années 90 (20 choix + codes hexadécimaux + prompts IA)

Une palette de couleurs grunge des années 90 concerne tout le contraste qui se sent vécu: bleus denim lavés, neutres poussiéreux, charbon de suie et petits touches de rouille ou de brique.

Si vous voulez des designs qui semblent bruts mais toujours lisibles pour les affiches modernes, l'interface utilisateur ou le branding, ces couleurs grunge atténuées sont un endroit fiable pour commencer.

Pourquoi les Palettes Grunge des années 90 fonctionnent si bien

Les palettes Grunge sont construites sur des couleurs imparfaites: des tons qui semblent décolorés par le soleil, teintés de fumée ou imprimés sur du papier bon marché. Cette qualité «usée» ajoute instantanément de l'humeur sans compter sur une forte saturation.

Ils résolvent également un problème de conception pratique: vous obtenez une hiérarchie forte à partir des neutres foncés comme l'encre, tandis que les bleus denim, les olives et les rouilles créent un accent qui semble intentionnel plutôt que brillant.

Parce que les couleurs sont atténuées, elles s'associent naturellement aux grains, aux textures de photocopie, aux demi-tons et aux types en détresse, ce qui rend l'ensemble du design cohérent même lorsque vous mélangez des photos, des collages et des titres audacieux.

Idées de Palette de couleurs Grunge des années 20+90 (avec Codes hexagonaux)

1) Sous-sol en Denim

hexagonal:#22303a#4f6575#a9bccb#c6b8a4#2b2b2b

Humeur:moody, usé, cool

Meilleur pour:Dispositions éditoriales et lookbooks

Moody et usé comme un jean décoloré sous une seule ampoule de salle de répétition, ces tons sont frais et vivus. Utilisez le bleu denim comme base, puis ajoutez le noir frêne pour le type et le brun papier pour la pièce respiratoire. Il brille dans les grilles éditoriales, les zines et les étalements photo où le contraste devrait être doux, pas brillant. Conseil: gardez le bleu clair pour les points forts et tirez les titres dans le charbon de bois pour garder l'ambiance à la terre.

Exemple d'Image de basement denim généré en utilisant media.io

Media.io

Media.io est un studio d'IA en ligne pour la création et l'édition de vidéos, d'images et d'audio dans votre navigateur.

Essayez-le maintenant gratuitement

2) Flanelle et frêne

hexagonal:#3a2f2a#6b574d#9a8f86#2a2e31#7f2f2b

Humeur:Terreux, fumé, gritty

Meilleur pour:Identité de marque pour les cafés et les coiffeurs

Les bruns terrestres et le charbon de bois fumé évoquent la flanelle épargnée, les cendres de feu de camp et une pointe d'attitude rouge brique. Créez des logos et des marques de mots avec l'espresso profond et le frêne, puis utilisez les taupes chaudes pour adoucir les bords. Il fonctionne particulièrement bien pour les marques tactiles comme les cafés, les coiffeurs et les petits lots de produits. Conseil: Réservez le rouge-brun comme un seul accent pour les sceaux, les icônes ou un appel à l'action.

Exemple d'Image de flannel & ash généré en utilisant media.io

3) Amplificateur rouillé

hexagonal:#2f2d2a#8a3b2b#c27a4a#6a7a6b#d0c7b8

Humeur:Cru, chaud, bruyant

Meilleur pour:Affiches de concert et graphiques promotionnels de l'album

Brut et brut comme une plaque frontale d'amplificateur rayée, la rouille et l'orange brûlé apportent de la chaleur contre les neutres mis à la terre. Ces idées de combinaison de couleurs grunge des années 90 fonctionnent mieux lorsque vous traitez le neutre foncé comme de l'encre et laissez les tons chauds transporter l'énergie. Utilisez-le pour les affiches de concerts, les promotions d'albums et les graphismes de marchandises où la texture compte. Astuce: Ajoutez un demi-ton subtil ou un grain de photocopie pour que l'orange ait l'air intempérié, pas brillant.

Exemple d'Image d'un amplificateur rouillé généré à l'aide de media.io

4) ruelle mousseuse

hexagonal:#1f2a24#3f4a3a#6b6a53#a5a190#2b2b2b

Humeur:humide, silencieux, urbain

Meilleur pour:Publicités de vêtements d'extérieur et éco-branding

Humides et silencieux comme la mousse qui rampe sur le béton fissuré, ces verts restent subtils et urbains. Appuyez-vous sur la forêt profonde comme ancre, puis couchez d'olive et de pierre pour les panneaux secondaires et les blocs de typographie. Il convient aux vêtements d'extérieur, aux marques écologiques et aux emballages qui veulent se sentir robustes plutôt que vierges. Astuce: Gardez le contraste lisible en plaçant du texte sur la pierre claire et en utilisant le vert le plus foncé pour les titres.

Exemple d'Image de mossy alley généré avec media.io

5) Fumée de Cassette

hexagonal:#252525#4a4f55#7f8790#b6b0a6#5a3f3a

Humeur:Brouillard, nostalgique, faible contraste

Meilleur pour:Tableaux de bord UI avec un bord rétro

Brumeux et nostalgiques comme le sifflement de la bande et la fumée dans un lieu sombre, les gris gardent tout calme et cohérent. Utilisez le charbon de bois pour la navigation, le gris moyen pour les cartes et le gris chaud pour éviter que l'interface utilisateur ne se sente stérile. Il convient aux tableaux de bord, aux applications musicales et aux outils qui veulent un bord rétro sans passer en mode plein sombre. Astuce: Ajoutez le brun poussiéreux uniquement pour les états actifs afin que les interactions soient intentionnelles.

Exemple d'Image de fumée de cassette générée à l'aide de media.io

6) Zine décolorée

hexagonal:#2b2b2b#5c5460#9c95a3#d4cfc7#7b6a4d

Humeur:Photocopié, Doux, Indépendant

Meilleur pour:zines, CV et affiches minimales

Photocopié et doux comme un zine agrafé laissé au soleil, le gris lavande ajoute une touche douce aux neutres grunge classiques. Associez le charbon de bois avec le ton papier pâle pour un type lisible, puis saupoudrez le violet atténué pour les sections et tirez les guillemets. Il fonctionne pour les zines, les CV créatifs et les affiches minimalistes où la texture fait le travail lourd. Astuce: gardez les dégradés hors et utilisez des blocs plats et des grains pour une sensation d'impression plus authentique.

Exemple d'Image de faded zine généré à l'aide de media.io

7) Béton de Garage

hexagonal:#1f1f1f#5b6168#9ea2a3#c9bca8#3b4a55

Humeur:Industriel, frais, à la terre

Meilleur pour:pages de destination des produits pour audio gear

Industrielles et fraîches comme la poussière de béton sur le sol d'un garage, ces grises sont résistantes sans devenir plates. Le mix est une palette de couleurs grunge des années 90 fiable pour les pages de destination modernes où vous avez besoin de clarté et de caractère. Utilisez le presque noir pour le texte du héros, le gris béton pour les sections et le sable chaud comme élévation de fond subtile. Conseil: Faites du bleu-gris votre couleur principale des boutons pour garder les appels à l'action visibles mais pas brillants.

Exemple d'Image de béton de garage généré à l'aide de media.io

8) lumières de scène sépia

hexagonal:#3a312a#7a5b3e#b88b5a#d8c5a7#4b4f3a

Humeur:Chaud, fumé, cinématographique

Meilleur pour:flyers d'événements et promotions de lieux

Chaude et fumée comme des lumières de scène qui traversent la brume, la gamme sepia se sent cinématographique et intime. Utilisez le marron foncé pour le type et les bordures, puis laissez tan et parchment transporter l'arrière-plan et les superpositions d'images. Il est idéal pour les promotions de lieux, les dépliants d'événements et les annonces de sessions acoustiques. Astuce: Ajoutez l'olive silencieuse comme accent secondaire pour éviter que la palette ne devienne trop monochrome.

Exemple d'Image de lumières de scène sépia générées à l'aide de media.io

9) Boutique d'occasion Teal

hexagonal:#1f3b3a#3f6b6a#8fa3a0#d4d0c5#5a3f3a

Humeur:Poussiéreux, étrange, doux

Meilleur pour:Publications sociales et créateur de marque

Le bleu poussiéreux et les neutres chauds ressemblent à des découvertes d'économie incompatibles qui fonctionnent d'une manière ou d'une autre ensemble. Les verts frais apaisent la disposition, tandis que le brun cacao le maintient humain et tactile. Il est idéal pour le créateur de marque, les modèles sociaux et les couvertures de reflets qui ont besoin d'une histoire de couleur douce mais mémorable. Astuce: Gardez les arrière-plans clairs et utilisez le teal pour les formes afin que le texte reste net et partageable.

Exemple d'Image de boutique d'occasion teal généré avec media.io

10) Prune boueuse

hexagonal:#2b2327#533845#7a6b78#c8bfb6#3b4a3f

Humeur:réfléchissant, artistique, silencieux

Meilleur pour:Couvertures de livres et dessins d'album

Les prunes mélangeantes et les mauves fumées évoquent le crépuscule meurtrié et les croquis tachés d'encre. Utilisez la teinte la plus profonde pour les titres, la prune moyenne pour les blocs et les cadres, et le beige poussiéreux comme espace négatif. Il convient aux couvertures de livres, aux dessins d'albums et aux fonctionnalités éditoriales où vous voulez un drame sans néon. Astuce: associez-le à des textures mates et gardez l'image à haut contraste afin que le violet reste sophistiqué, pas sucré.

Exemple d'Image de muddy plum généré en utilisant media.io

11) Moutarde portée T-shirt

hexagonal:#2a2a24#6a5a2#b49a3a#d6c8a8#5a5f63

Humeur:gritty, décoloré par le soleil, vintage

Meilleur pour:streetwear lookbooks et marchandises

La moutarde granuleuse et les neutres décolorés ressemblent à un tee-shirt préféré qui a survécu à trop de tours. Laissez la moutarde se reposer en petites explosions pour les logos, les étiquettes ou les formes de héros, tandis que les poignées neutres foncées gèrent la lisibilité. Il fonctionne pour les lookbooks de streetwear, les gouttes de marchandises et les bannières promotionnelles qui ont besoin d'attitude sans hurler. Astuce: Utilisez le sable pâle comme fond principal pour éviter que le jaune submerge la mise en page.

Exemple d'Image de mustard Wear tee généré en utilisant media.io

12) Saleté des rives de la rivière

hexagonal:#1e2a2a#2f5a57#6f7b73#cfc7b6#7a4a33

Humeur:boueuse, fraîche, plein air

Meilleur pour:Systèmes d'emballage et d'étiquetage artisanaux

Le bleu boueux et le gris de la pierre de rivière évoquent les galets mouillés, le bois de dérivation et le calme après la pluie. Essayez ces combinaisons de couleurs grunge des années 90 sur des emballages artisanaux où vous voulez un ton fait à la main et à la terre sans aller pleinement rustique. Utilisez le parchment neutral pour la base de l'étiquette et le deep teal pour les marques de marque et les listes d'ingrédients. Astuce: Gardez le brun rouille pour les tampons ou les numéros de lot pour ajouter de l'authenticité instantanée.

Exemple d'Image de saleté sur la rive de la rivière générée à l'aide de media.io

13) Carnet de croquis de charbon de bois

hexagonal:#151515#3b3b3b#6b6b6b#bdb7ad8c7a63

Humeur:minimal, gritty, focalisé

Meilleur pour:Portefeuille de sites Web et études de cas

Minimales et graines comme des lignes de charbon de bois sur du papier brut, ces neutres gardent l'accent sur le contenu. Utilisez presque noir pour les titres, gris moyen pour les diviseurs d'interface utilisateur et beige chaud pour les sections d'arrière-plan. Il convient parfaitement aux portefeuilles, aux études de cas et aux sites typographiques qui ont besoin d'un ton sérieux. Astuce: introduisez le marron doux uniquement dans de petits détails de l'interface utilisateur pour garder la page intentionnelle et non boueuse.

Exemple d'Image de carnet de croquis de charbon généré à l'aide de media.io

14) Crépuscule au-dessus de Seattle

hexagonal:#1f2b3a#3b556a#7a8791#c9c3b8#4a3f3a

Humeur:Pluvieux, calme, cinématographique

Meilleur pour:Écrans d'intégration de l'application musicale

Les bleus du crépuscule pluvieux et les gris adoucis rappelent les lumières de la ville qui se reflètent dans les rues humides. Utilisez la marine profonde pour les en-têtes et la pierre pâle pour les panneaux d'arrière-plan pour garder l'embarquement lisible. Il fonctionne bien pour les applications musicales et les fonctionnalités de streaming qui veulent une ambiance cinématographique sans les noirs lourds. Conseil: gardez les illustrations monochromes et laissez le bleu-gris faire la plupart du soulèvement émotionnel.

Exemple d'Image de dusk over seattle généré avec media.io

15) Manche en vinyle Blues

hexagonal:#222a33#4a5f73#9fb0bf#d7cfbf#7a4a3a

Humeur:cool, nostalgique, poli-grunge

Meilleur pour:concepts de couverture d'album et bannières de streaming

Les bleus frais et les neutres chauds comme le papier ressemblent à une pochette en vinyle très appréciée avec des bords légèrement usés. En tant que palette de couleurs grunge des années 90, elle équilibre la clarté et le grain pour les visuels musicaux modernes. Utilisez le bleu moyen pour les formes principales, gardez le type en bleu marine foncé et laissez le marron chaud apparaître comme un petit soulignement ou un détail d'autocollant. Astuce: Ajoutez un pli subtil ou une texture égratignée pour que le bleu pâle soit authentique plutôt que corporatif.

Exemple d'Image de vinyl sleeve blues généré en utilisant media.io

16) Oxyde et Olive

hexagonal:#2b2b27#4a5a3a#7a6a3a#b8a77a#8a4a2f

Humeur:Poussiéreux, robuste, terrestre

Meilleur pour:Étiquettes de bière et emballages de style vintage

L'olive poussiéreuse et l'oxyde orange évoquent des outils rouillés, de l'herbe sèche et de vieux panneaux d'atelier. Utilisez le neutre profond pour les marques de marque, puis couche d'olive et de moutarde pour le motif et la hiérarchie. Il convient parfaitement aux étiquettes de bière, aux emballages de style vintage et aux badges où vous voulez une sensation robuste faite à la main. Astuce: Imprimez avec une finition légèrement atténuée afin que l'orange semble oxydée, pas brillante.

Exemple d'Image de oxide & olive généré en utilisant media.io

17) Réflexion de la flaque

hexagonal:#242a2f#4b5560#7c8a92#c8c2b8#3a4a46

Humeur:Calme, humide, discret

Meilleur pour:decks de présentation et rapports

Les bleu-gris calmes et les neutres adoucis ressemblent à un reflet trouble dans une flaque de rue. Utilisez l'ardoise médiane pour les graphiques et les diviseurs de sections, puis ancrez les titres avec le charbon de bois profond. Il fonctionne parfaitement pour les plateaux de présentation et les rapports qui devraient avoir un aspect moderne mais pas brillant. Astuce: Gardez l'arrière-plan près du neutre pâle et n'utilisez qu'un bloc saturé à la fois pour éviter le bruit visuel.

Exemple d'Image de réflexion de flaque générée à l'aide de media.io

18) Encre d'affiche de bande

hexagonal:#1a1a1a#3a3a3a#d1c7b8#8a2f2f#6a6f3a

Humeur:Audacieux, gras, à haut contraste

Meilleur pour:Affiches de concert punk et grunge

Audacieux et gras comme de l'encre épaisse sur du papier bon marché, cet ensemble pousse le contraste sans avoir besoin de couleurs vives. Appuyez sur le noir et le parchemin pour la mise en page principale, puis utilisez le rouge foncé pour le titre ou le nom du lieu. Il est parfait pour les affiches de concert, les annonces de tournée et les publicités imprimées où le type doit frapper rapidement. Conseil: gardez l'olive comme un petit accent de soutien afin que le rouge reste l'étoile.

Exemple d'Image de band poster ink généré en utilisant media.io

19) Briques et boues

hexagonal:#2a2420#6a3a2f#9a6a55#b8b0a3#3a4a3a

Humeur:chaud, sale, urbain

Meilleur pour:menus de restaurants et annonces de style tableau noir

Les rouges briques chauds et les neutres sales évoquent les murs des ruelles, le cuir usé et les kiosques des restaurants tard dans la nuit. Utilisez le marron foncé pour le texte et les contours, avec la brique comme accent principal pour les en-têtes de sections ou les timbres. Il convient aux menus, aux publicités de style tableau noir et à la signalisation qui devraient être faites à la main et accueillantes. Astuce: limitez les grandes zones rouges et laissez plutôt le beige transporter la page pour garder le design lisible.

Exemple d'Image de briques et de boues générées à l'aide de media.io

20) Statique doux

hexagonal:#2b2b2b#6a6f73#a3a7a6#d8d2c7#4a6b7

Humeur:Calme, aéré, analogique

Meilleur pour:kits d'interface utilisateur minimaux et systèmes de conception

Calmes et aérées comme la télévision statique s'estompant dans le silence, ces tons gardent le grunge subtil et utilisable. L'échelle grise vous donne une hiérarchie instantanée pour les composants, tandis que le bleu atténué ajoute juste assez de personnalité pour les liens et les états de mise au point. Il est idéal pour les kits d'interface utilisateur et les systèmes de conception qui doivent se sentir humains et non stériles. Astuce: Appliquez le bleu modérément aux éléments interactifs afin que le système reste cohérent à l'échelle.

Exemple d'Image de soft static généré à l'aide de media.io

Quelles couleurs vont bien avec le Grunge des années 90?

Les couleurs grunge des années 90 s'associent mieux à d'autres tons «calmes»: charbon de bois, noir suie, beige papier, gris et gris béton. Ces neutres agissent comme de l'encre et du papier, de sorte que votre mise en page reste lisible même avec une texture lourde.

Pour les accents, penchez-vous à la couleur intempériée-rouille, rouge brique, orange oxydé, prune boueuse ou olive atténuée. Utilisez des accents avec parcimonie (boutons, tampons, en-têtes, icônes) afin qu'ils se sentent comme des objets trouvés plutôt que du néon moderne.

Si vous voulez une direction plus nouvelle, ajoutez unbleu clairhighlight (denim lavé ou bleu acier pâle). Il conserve l'ambiance grunge mais ajoute de l'air et de la clarté moderne de l'interface utilisateur.

Comment utiliser une Palette de couleurs Grunge des années 90 dans des modèles réels

Commencez par un fond de teint à deux couches: une "encre" foncée (presque noir/charbon de bois) et un "papier" clair (parchemin/greige). Ensuite, choisissez un ton moyen (bleu denim, ardoise, olive) pour transporter des panneaux, des cartes et des blocs secondaires.

Sauvegardez votre accent chaleureux (rouille/brique/moutarde) pour un seul travail: CTA, badges, noms de lieux, étiquettes de prix ou petites icônes. Cette restriction rend la conception intentionnelle, pas boueuse.

Enfin, ajoutez de la texture de manière réfléchie: une superposition de grains légers, des points en demi-tonalité, des bords rayés ou du bruit de photocopie. Gardez la couleur plate en dessous afin que la texture soit authentique plutôt que brillante.

Créez des visuels de Palette Grunge des années 90 avec l'IA

Voulez-vous voir ces codes hexagonaux en action avant de vous engager sur une affiche, un tableau de marque ou un kit d'interface utilisateur? Générez des maquettes rapides à l'aide d'une invite texte et des couleurs dominantes et accentuantes de votre palette.

Avec l'outil de conversion de texte en image de Media.io, vous pouvez itérer rapidement: changer le ton «papier», ajuster la force du bleu denim ou tester les accents de rouille sur différentes compositions.

Ensuite : Palette de couleurs bleu clair