# 90er-Ästhetik: Grunge, Web 1.0 und Pastell-Tech

[Canonical HTML page](https://gradiently.design/de/guide/90s-aesthetic)

Das Jahrzehnt hatte keinen einzigen Look. Es hatte fotokopierte Flyer, blinkende Homepages, durchsichtiges Plastik und Rave-Plakate mit Smileys. Hier sind die Paletten dahinter, mit Codes zum Kopieren.

## The short version

- Die 90er-Ästhetik ist eine Familie von Looks statt eines einzigen Stils: Grunge, Web 1.0, Pastell-Tech, Rave und ein klarer minimalistischer Strang.
- Grunge nutzt dunkle, entsättigte Farben wie Oliv, Ochsenblut und schmutziges Senfgelb, mit Fotokopie-Textur und abgenutzter Schrift.
- Web 1.0 besteht aus unverblümten Bildschirmfarben wie dem Linkblau #0000ee, Magenta #ff00ff und Grün #00ff00 auf Grau oder Schwarz.
- Pastell-Tech borgt von durchscheinenden Plastikgeräten: Bonbonblau, Limette, Mandarine und Traube, meist auf Weiß.
- Einen 90er-Look heute zu nutzen funktioniert am besten, wenn du einen Strang nimmst, seine Palette knapp hältst und modernen Abstand und lesbare Schrift ergänzt.

Die **90er-Ästhetik** ist nicht ein Stil, sondern vier oder fünf, die nebeneinander liefen: Grunge, mit verblichenem Oliv und fotokopierter Schrift; Web 1.0, mit reinem Bildschirmblau und Magenta auf Grau; Pastell-Tech, die Bonbonfarben durchscheinender Plastikgeräte; und Rave, ganz Säuregelb und Smileys. Jeder hat seine eigene Palette, Textur und Schrift. Wähle einen Strang, borge seine Farben exakt, und dein Design wirkt wie 90er, ohne wie Verkleidung auszusehen.

Unten findest du die Stränge einzeln, jeweils mit einer Palette zum Kopieren, danach wie du sie in Posts und Hintergründe verwandelst, die sich weiter aktuell anfühlen.

## Die vier Stränge des 90er-Looks

| Strang | Farben | Textur | Schrift |
| --- | --- | --- | --- |
| Grunge | Oliv, Ochsenblut, Senf, Knochen | Fotokopie, Klebeband, gerissenes Papier | Abgenutzte Schreibmaschinenschrift, schmale Grotesk |
| Web 1.0 | Linkblau, Magenta, Limette auf Grau | Pixel, gekachelte Hintergründe, Abschrägungen | Times, Arial, Comic Sans, Pixelschriften |
| Pastell-Tech | Bonbonblau, Limette, Mandarine, Traube | Mattiertes, durchscheinendes Plastik | Runde geometrische Grotesk |
| Rave | Säuregelb, UV-Violett, Knallpink | Halbton, Xerox, fluoreszierende Tinte | Breite Techno-Display-Schriften |

Eine schnelle Karte des Jahrzehnts. Zwei Stränge in einem Design zu mischen ist, wo die meisten 90er-Pastiches schiefgehen.

Es gab auch einen leisen minimalistischen Strang: Schwarzweiß-Modefotografie, viel leerer Raum und dünne serifenlose Schrift. Er ist so gut gealtert, dass er sich kaum noch als 90er liest, was nützlich ist, wenn du die Stimmung ohne das Kostüm willst.

## 90er-Grunge-Ästhetik, Palette

Grunge-Farbe sieht aus, als wäre sie in der Sonne liegen gelassen und zweimal fotokopiert worden. Nichts ist voll gesättigt und nichts ist reines Weiß. Denk an Flanellhemden, Secondhand-Strickjacken und Konzertflyer, die an einen Telegrafenmast getackert sind. Der Grund ist meist ein schmutziges gebrochenes Weiß oder ein fast Schwarz, und die Akzente sind eher schlammig als leuchtend.

- Ruß: #1c1b17
- Armeeoliv: #4b4a2f
- Ochsenblut: #6b2a2a
- Schmutziges Senfgelb: #b08d3c
- Ausgewaschener Denim: #8a9a9b
- Fotokopie-Knochen: #e6dfcf

Eine Grunge-Palette: zwei Dunkeltöne, zwei schlammige Akzente, ein verblichenes Blau und ein vergilbtes Papierweiß.

Textur leistet hier so viel wie Farbe. Füge starke Körnung, einen leicht ungleichmäßigen Grund und Schrift hinzu, die gestempelt oder getippt aussieht. [Körnige Verläufe](https://gradiently.design/de/guide/grainy-gradients) erklärt, wie du Rauschen hinzufügst, das wie Druck statt wie ein Filter aussieht.

## Web-1.0-Ästhetik: Farben des frühen Internets

Frühe Webseiten nutzten Farben, die Bildschirme zuverlässig zeigen konnten, weshalb die Palette so unverblümt ist. Standard-Linkblau, besuchtes Violett, graue Browser-Oberfläche und gelegentlich Grün auf Schwarz für alles, was technisch wirken wollte. Der Charme liegt in der Ehrlichkeit: harte Kanten, keine Verläufe außer dem einen oder anderen abgeschrägten Button, und gekachelte Hintergründe hinter allem.

- Fenstergrau: #c0c0c0
- Linkblau: #0000ee
- Besuchtes Violett: #551a8b
- Magenta: #ff00ff
- Terminalgrün: #00ff00
- Titelleistenmarine: #000080

Web-1.0-Farben sind unverblümte Bildschirmwerte, darunter das alte Browser-Standard-Linkblau und besuchtes Violett. Nutze sie in voller Stärke, aber sparsam, auf Grau oder Weiß.

Damit es heute lesbar ist, gib den Farben mehr Raum, als die Originale hatten. Eine magentafarbene Überschrift auf Grau liest sich als wissende Referenz; sechs Farben, die auf einem Sternenfeld kämpfen, lesen sich als kaputte Seite. Dieselbe Zurückhaltung gilt für die spätere [Y2K-Ästhetik](https://gradiently.design/de/guide/y2k-aesthetic), die direkt aus diesem Look wuchs.

## Pastell-Tech: Farben durchscheinenden Plastiks

Spät im Jahrzehnt kamen Computer, Handys und Spielkonsolen in durchsichtigem farbigem Plastik. Apples iMac von 1998 in Bondi Blue ist das berühmte Beispiel, gefolgt von Farben mit Fruchtnamen. Die Palette ist leuchtend, aber weich, wie von hinten beleuchtet, und sitzt am besten auf Weiß oder einem hellen kühlen Grau.

- Durchscheinendes Blau: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)`
- Limettenplastik: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)`
- Mandarine: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)`
- Traube: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)`

Jeder Verlauf geht von einem mattierten Glanzlicht zur vollen Plastikfarbe, so wie Licht durch eine durchscheinende Schale fällt.

Diese wirken wunderbar als einfarbige Hintergründe mit einer Zeile runder Grotesk. Kombiniere das Blau mit Mandarine für Kontrast, oder bleib pro Post bei einer Sorte und lass das Raster zum Regenbogen werden.

## Rave- und Club-Flyer-Farben

Club- und Rave-Flyer wurden billig gedruckt, oft in ein oder zwei fluoreszierenden Farben auf Schwarz. Säuregelb, UV-Violett und Knallpink waren die Standards, mit Halbtonpunkten und breiter Techno-Schrift. Das Geheimnis ist Begrenzung: Eine Leuchtfarbe auf Schwarz ist lauter als vier. Wenn Neon deine Richtung ist, zeigt [Neonverläufe](https://gradiently.design/de/guide/neon-gradients), wie du es davor bewahrst, schlammig zu werden.

Ein Hochformat-Event-Post im 90er-Rave-Stil, der eine Lagerhallennacht am Samstag auf dunklem Grund mit leuchtender Farbe ankündigt

Ein Rave-Flyer auf dunklem Grund, eine fluoreszierende Farbe und kurze unverblümte Worte.

Ein Hochformat-Post mit dem einzelnen Wort Zurückspulen auf einem weichen bonbonfarbenen Hintergrund im 90er-Pastell-Tech-Stil

Eine Pastell-Tech-Variante: ein Wort auf einer weichen durchscheinenden Farbe, viel Luft.

## So nutzt du eine 90er-Ästhetik, ohne dass sie veraltet wirkt

### Kostüm

- Grunge-Textur, Webfarben und Rave-Schrift in einem Post
- Jede Farbe gleichzeitig in voller Stärke
- Abgenutzte Schrift in Fließtextgrößen
- Clipart und Spaßschriften als ganze Idee

### Referenz

- Ein Strang pro Design, im ganzen Feed durchgehalten
- Eine laute Farbe, der Rest der Palette unterstützt
- Textur im Hintergrund, saubere Schrift obenauf
- Moderner Abstand und ein Epochendetail, gut gemacht

1. **Einen Strang wählen** Grunge für Bands und Vintage-Läden, Web 1.0 für Tech und Newsletter, Pastell-Tech für Produkte und verspielte Marken, Rave für Nächte draußen.
2. **Die Palette kopieren, dann kürzen** Starte mit den Hex-Codes oben und behalte drei oder vier. Eine knappe Palette wirkt gewollt.
3. **Das Epochendetail an einer Stelle setzen** Eine Pixelschrift für ein Label, ein Halbton-Hintergrund, ein abgeschrägter Button. Ein Detail verkauft das Jahrzehnt.
4. **Die Worte leicht lesbar halten** Setze Überschriften groß auf den ruhigsten Teil des Hintergrunds. [Retro-Schriften](https://gradiently.design/de/guide/retro-fonts) listet Schriften auf, die die Epoche tragen und trotzdem gut lesbar sind.

Wenn du einen von den 90ern inspirierten Hintergrund willst, den sonst niemand postet, sind die Marks von Gradiently ein guter Start: lebendige Verlaufs- und Materialhintergründe mit eingebauter Körnung und Licht, jeder einzigartig. Worte auf einem Mark bleiben lesbar, weil sich der Hintergrund dahinter beruhigt. Für die weitere Familie der Nostalgie-Looks siehe [Retro-Verläufe](https://gradiently.design/de/guide/retro-gradients) und die [80er-Ästhetik](https://gradiently.design/de/guide/80s-aesthetic).

## FAQ

### Welche Farben gehören zur 90er-Ästhetik?

Das hängt vom Strang ab. Grunge nutzt Oliv, Ochsenblut und Senf; Web 1.0 nutzt Linkblau, Magenta und Grau; Pastell-Tech nutzt Bonbonblau, Limette und Mandarine; Rave nutzt Säuregelb und UV-Violett auf Schwarz.

### Was ist der Unterschied zwischen der 90er-Ästhetik und Y2K?

Y2K ist das ganze Ende des Jahrzehnts und die frühen 2000er: Chrom, Blasen und glänzender Futurismus. Der weitere 90er-Look umfasst auch Grunge, Web 1.0 und Rave, die rauer und flacher sind.

### Welche Schriften wirken wie 90er?

Schreibmaschinen- und schmale Groteskschriften für Grunge, Times und Pixelschriften für Web 1.0, runde geometrische Grotesk für Pastell-Tech und breite Techno-Display-Schriften für Rave-Flyer.

### Wie erstelle ich ein 90er-Ästhetik-Hintergrundbild?

Wähle einen Strang, nutze zwei oder drei seiner Farben als Verlauf oder flachen Grund und füge dann Körnung oder Halbtontextur hinzu. Halte es schlicht, damit Symbole und Widgets lesbar bleiben.