# Esthétique années 90 : grunge, web 1.0 et pastel tech [Canonical HTML page](https://gradiently.design/fr/guide/90s-aesthetic) La décennie n’avait pas un seul style. Elle avait des flyers photocopiés, des pages d’accueil clignotantes, du plastique translucide et des affiches rave à smileys. Voici les palettes derrière chacun, avec des codes à copier. ## The short version - L’esthétique années 90 est une famille de styles plutôt qu’un seul : grunge, web 1.0, pastel tech, rave et une veine minimale épurée. - Le grunge utilise des couleurs sombres et désaturées comme l’olive, le rouge sang de bœuf et la moutarde sale, avec une texture de photocopie et un texte abîmé. - Le web 1.0 se construit avec des couleurs d’écran franches comme le bleu de lien #0000ee, le magenta #ff00ff et le vert #00ff00 sur gris ou noir. - Le pastel tech emprunte aux gadgets en plastique translucide : bleu bonbon, citron vert, mandarine et raisin, en général sur blanc. - Utiliser un style années 90 aujourd’hui fonctionne mieux quand on prend une seule veine, qu’on garde sa palette serrée et qu’on ajoute un espacement moderne et un texte lisible. L’**esthétique années 90** n’est pas un style mais quatre ou cinq qui coexistaient : le grunge, avec ses olives fanés et son texte photocopié ; le web 1.0, avec son bleu et son magenta d’écran purs sur gris ; le pastel tech, les couleurs bonbon des gadgets en plastique translucide ; et la rave, tout en jaune acide et en smileys. Chacun a sa palette, sa texture et sa typographie. Choisissez une veine, empruntez ses couleurs exactement, et votre design se lira années 90 sans faire déguisement. Voici les veines une par une, chacune avec une palette à copier, puis comment les transformer en posts et arrière-plans qui restent actuels. ## Les quatre veines du style années 90 | Veine | Couleurs | Texture | Typographie | | --- | --- | --- | --- | | Grunge | Olive, rouge sang de bœuf, moutarde, os | Photocopie, ruban adhésif, papier déchiré | Machine à écrire abîmée, sans empattement condensé | | Web 1.0 | Bleu de lien, magenta, citron vert sur gris | Pixels, arrière-plans en mosaïque, biseaux | Times, Arial, Comic Sans, polices pixel | | Pastel tech | Bleu bonbon, citron vert, mandarine, raisin | Plastique dépoli, translucide | Sans empattement géométrique arrondi | | Rave | Jaune acide, violet UV, rose vif | Trame, xerox, encre fluo | Polices d’affichage techno larges | Un aperçu rapide de la décennie. Mélanger deux veines dans un même design est là où la plupart des pastiches années 90 échouent. Il y avait aussi une veine minimale discrète : photographie de mode en noir et blanc, beaucoup de vide et texte fin sans empattement. Elle a si bien vieilli qu’elle se lit rarement comme années 90, ce qui est utile si vous voulez l’ambiance sans le déguisement. ## Palette de l’esthétique grunge années 90 La couleur grunge ressemble à quelque chose laissé au soleil et photocopié deux fois. Rien n’est pleinement saturé et rien n’est blanc pur. Pensez aux chemises de flanelle, aux cardigans de friperie et aux flyers de concerts agrafés à un poteau. Le fond est en général un blanc cassé sale ou un presque noir, et les accents sont boueux plutôt que vifs. - Suie: #1c1b17 - Olive militaire: #4b4a2f - Rouge sang de bœuf: #6b2a2a - Moutarde sale: #b08d3c - Denim délavé: #8a9a9b - Os de photocopie: #e6dfcf Une palette grunge : deux sombres, deux accents boueux, un bleu fané et un blanc de papier jauni. La texture fait autant de travail que la couleur ici. Ajoutez un gros grain, un fond un peu irrégulier et un texte qui semble tamponné ou tapé à la machine. [Les dégradés granuleux](https://gradiently.design/fr/guide/grainy-gradients) expliquent comment ajouter un bruit qui ressemble à de l’imprimé plutôt qu’à un filtre. ## Esthétique web 1.0 : les couleurs des débuts d’Internet Les premières pages web utilisaient des couleurs que les écrans pouvaient afficher de façon fiable, d’où une palette si franche. Le bleu de lien par défaut, le violet visité, le gris des fenêtres de navigateur et, à l’occasion, du vert sur noir pour tout ce qui voulait paraître technique. Le charme est dans l’honnêteté : arêtes dures, pas de dégradés sauf le bouton biseauté, et des arrière-plans en mosaïque derrière tout. - Gris de fenêtre: #c0c0c0 - Bleu de lien: #0000ee - Violet visité: #551a8b - Magenta: #ff00ff - Vert terminal: #00ff00 - Bleu de barre de titre: #000080 Les couleurs web 1.0 sont des valeurs d’écran franches, dont l’ancien bleu de lien et le violet visité par défaut des navigateurs. Utilisez-les à pleine force, mais avec parcimonie, sur gris ou blanc. Pour que ce soit lisible aujourd’hui, donnez aux couleurs plus d’espace que les originaux. Un titre magenta sur gris se lit comme une référence assumée ; six couleurs qui se battent sur un fond étoilé se lisent comme une page cassée. La même retenue vaut pour [l’esthétique Y2K](https://gradiently.design/fr/guide/y2k-aesthetic), plus tardive, née directement de ce style. ## Pastel tech : les couleurs du plastique translucide À la fin de la décennie, les ordinateurs, les téléphones et les consoles portables sont arrivés en plastique coloré transparent. L’iMac d’Apple de 1998 en bleu Bondi est l’exemple célèbre, suivi de teintes aux parfums de fruits. La palette est vive mais douce, comme éclairée par derrière, et elle se pose mieux sur du blanc ou un gris froid pâle. - Bleu translucide: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)` - Plastique citron vert: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)` - Mandarine: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)` - Raisin: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)` Chaque dégradé va d’un reflet dépoli à la pleine couleur du plastique, comme la lumière traverse une coque translucide. Ils fonctionnent à merveille en arrière-plans d’une seule couleur avec une ligne de texte sans empattement arrondi. Associez le bleu à la mandarine pour le contraste, ou gardez chaque post à un seul parfum et laissez la grille devenir l’arc-en-ciel. ## Couleurs des flyers rave et club Les flyers de clubs et de raves étaient imprimés à bas coût, souvent avec une ou deux encres fluo sur du noir. Jaune acide, violet UV et rose vif étaient les piliers, avec des points de trame et un large lettrage techno. Le secret est la limite : une couleur vive sur noir est plus forte que quatre. Si le néon est votre direction, [les dégradés néon](https://gradiently.design/fr/guide/neon-gradients) montrent comment éviter qu’il devienne boueux. Un post d’événement en portrait de style rave années 90 annonçant une nuit d’entrepôt le samedi sur fond sombre avec une couleur vive Un flyer rave sur fond sombre, une couleur fluo et des mots courts et directs. Un post en portrait avec le seul mot Rembobine sur un arrière-plan bonbon doux dans un style pastel tech années 90 Une version pastel tech : un mot sur une couleur translucide douce, beaucoup d’air. ## Comment utiliser une esthétique années 90 sans qu’elle paraisse datée ### Déguisement - Texture grunge, couleurs web et texte rave dans un seul post - Toutes les couleurs à pleine force en même temps - Du texte abîmé à la taille du texte courant - Du clip art et des polices fantaisie comme seule idée ### Référence - Une veine par design, tenue sur tout le fil - Une couleur forte, le reste de la palette en soutien - De la texture sur l’arrière-plan, un texte net par-dessus - Un espacement moderne et un détail d’époque bien fait 1. **Choisissez une veine** Grunge pour les groupes et les friperies, web 1.0 pour la tech et les newsletters, pastel tech pour les produits et les marques ludiques, rave pour les sorties nocturnes. 2. **Copiez la palette, puis réduisez-la** Partez des codes hex ci-dessus et gardez-en trois ou quatre. Une palette serrée se lit comme voulue. 3. **Mettez le détail d’époque à un seul endroit** Une police pixel pour une étiquette, un arrière-plan en trame, un bouton biseauté. Un seul détail suffit à vendre la décennie. 4. **Gardez les mots faciles à lire** Composez les titres en grand sur la zone la plus calme de l’arrière-plan. [Les polices rétro](https://gradiently.design/fr/guide/retro-fonts) listent des polices qui portent l’époque tout en restant lisibles. Si vous voulez un arrière-plan d’inspiration années 90 que personne d’autre ne publie, les Marks de Gradiently sont un bon point de départ : des arrière-plans vivants en dégradé et en matière avec grain et lumière intégrés, chacun unique. Les mots posés sur un Mark restent lisibles parce que l’arrière-plan s’apaise derrière eux. Pour la famille plus large des styles nostalgiques, voyez [les dégradés rétro](https://gradiently.design/fr/guide/retro-gradients) et [l’esthétique années 80](https://gradiently.design/fr/guide/80s-aesthetic). ## FAQ ### Quelles couleurs dans l’esthétique années 90 ? Cela dépend de la veine. Le grunge utilise l’olive, le rouge sang de bœuf et la moutarde ; le web 1.0 le bleu de lien, le magenta et le gris ; le pastel tech le bleu bonbon, le citron vert et la mandarine ; la rave le jaune acide et le violet UV sur noir. ### Quelle différence entre l’esthétique années 90 et Y2K ? Le Y2K est la toute fin de la décennie et le début des années 2000 : chrome, bulles et futurisme brillant. Le style années 90 plus large inclut aussi le grunge, le web 1.0 et la rave, plus bruts et plus plats. ### Quelles polices font années 90 ? Des polices machine à écrire et sans empattement condensées pour le grunge, Times et les polices pixel pour le web 1.0, un sans empattement géométrique arrondi pour le pastel tech et de larges polices d’affichage techno pour les flyers rave. ### Comment faire un fond d’écran esthétique années 90 ? Choisissez une veine, utilisez deux ou trois de ses couleurs en dégradé ou en fond uni, puis ajoutez du grain ou une texture de trame. Restez simple pour que les icônes et les widgets restent lisibles.