# 90s-esthetiek: grunge, web 1.0 en pastel tech

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

Dat decennium had geen enkele look. Het had gekopieerde flyers, knipperende homepages, doorzichtig plastic en smileyposters van raves. Dit zijn de paletten erachter, met codes om te kopiëren.

## The short version

- De 90s-esthetiek is een familie van looks in plaats van één stijl: grunge, web 1.0, pastel tech, rave en een schone, minimalistische lijn.
- Grunge gebruikt donkere, ongeharde kleuren zoals olijf, ossenbloed en vuil mosterdgeel, met kopieertextuur en verweerde letters.
- Web 1.0 is opgebouwd uit botte schermkleuren als linkblauw #0000ee, magenta #ff00ff en groen #00ff00 op grijs of zwart.
- Pastel tech leent van doorschijnende plastic gadgets: snoepblauw, limoen, mandarijn en druif, meestal op wit.
- Een 90s-look werkt vandaag het best als je één lijn kiest, het palet strak houdt en moderne witruimte en leesbare letters toevoegt.

De **90s-esthetiek** is niet één stijl maar vier of vijf die naast elkaar liepen: grunge, met verbleekte olijftinten en gekopieerde letters; web 1.0, met zuiver schermblauw en magenta op grijs; pastel tech, de snoepkleuren van doorschijnende plastic gadgets; en rave, helemaal zuurgeel en smileygezichten. Elk heeft een eigen palet, textuur en lettertype. Kies één lijn, leen de kleuren exact en je ontwerp oogt als jaren negentig zonder een verkleedpartij te zijn.

Hieronder staan de lijnen een voor een, elk met een palet om te kopiëren, gevolgd door hoe je ze omzet in posts en achtergronden die nog steeds actueel voelen.

## De vier lijnen van de 90s-look

| Lijn | Kleuren | Textuur | Lettertype |
| --- | --- | --- | --- |
| Grunge | Olijf, ossenbloed, mosterd, beenwit | Kopieerlook, plakband, gescheurd papier | Versleten typemachine, smalle sans |
| Web 1.0 | Linkblauw, magenta, limoen op grijs | Pixels, getegelde achtergronden, afschuiningen | Times, Arial, Comic Sans, pixellettertypes |
| Pastel tech | Snoepblauw, limoen, mandarijn, druif | Matglas, doorschijnend plastic | Afgeronde geometrische sans |
| Rave | Zuurgeel, uv-violet, felroze | Halftoon, xerox, fluorescerende inkt | Brede techno-displaylettertypes |

Een snelle kaart van het decennium. Twee lijnen in één ontwerp mengen is waar de meeste 90s-pastiches misgaan.

Er was ook een rustige, minimalistische lijn: zwart-wit modefotografie, veel lege ruimte en dun schreefloos lettertype. Die is zo goed verouderd dat hij zelden nog als jaren negentig oogt, wat handig is als je de sfeer wilt zonder het kostuum.

## Palet van de grunge-esthetiek uit de jaren 90

Grungekleur ziet eruit alsof hij in de zon is blijven liggen en twee keer is gekopieerd. Niets is volledig verzadigd en niets is zuiver wit. Denk aan flanellen overhemden, tweedehandsvesten en concertflyers die aan een lantaarnpaal zijn geniet. De achtergrond is meestal een vuil gebroken wit of bijna zwart, en de accenten zijn modderig in plaats van helder.

- Roet: #1c1b17
- Legerolijf: #4b4a2f
- Ossenbloed: #6b2a2a
- Vuil mosterdgeel: #b08d3c
- Gewassen denim: #8a9a9b
- Kopieerbeen: #e6dfcf

Een grungepalet: twee donkere tinten, twee modderige accenten, één verbleekt blauw en een vergeeld papierwit.

Textuur doet hier net zoveel werk als kleur. Voeg stevige korrel toe, een licht oneffen ondergrond en letters die gestempeld of getypt lijken. [Korrelige kleurverlopen](https://gradiently.design/nl/guide/grainy-gradients) legt uit hoe je ruis toevoegt die op drukwerk lijkt in plaats van op een filter.

## Web 1.0-esthetiek: kleuren van het vroege internet

Vroege webpagina's gebruikten kleuren die schermen betrouwbaar konden tonen, daarom is het palet zo bot. Standaard linkblauw, bezochte paars, grijze browserchrome en af en toe groen op zwart voor alles wat technisch wilde ogen. De charme zit in de eerlijkheid: harde randen, geen kleurverlopen behalve de af en toe afgeschuinde knop, en getegelde achtergronden achter alles.

- Venstergrijs: #c0c0c0
- Linkblauw: #0000ee
- Bezocht paars: #551a8b
- Magenta: #ff00ff
- Terminalgroen: #00ff00
- Titelbalkmarine: #000080

Web 1.0-kleuren zijn botte schermwaarden, inclusief het oude standaardlinkblauw en bezochte paars van de browser. Gebruik ze op volle sterkte, maar spaarzaam, op grijs of wit.

Om het vandaag leesbaar te maken geef je de kleuren meer ruimte dan de originelen kregen. Eén magenta kop op grijs leest als een bewuste verwijzing; zes kleuren die op een sterrenhemel vechten leest als een kapotte pagina. Dezelfde terughoudendheid geldt voor de latere [Y2K-esthetiek](https://gradiently.design/nl/guide/y2k-aesthetic), die rechtstreeks uit deze look groeide.

## Pastel tech: kleuren van doorschijnend plastic

Aan het eind van het decennium kwamen computers, telefoons en handheld-games in doorzichtig gekleurd plastic. Apples iMac uit 1998 in Bondi Blue is het bekende voorbeeld, gevolgd door tinten met vruchtensmaak. Het palet is helder maar zacht, alsof het van achteren wordt verlicht, en staat het best op wit of een licht koel grijs.

- Doorschijnend blauw: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)`
- Limoenplastic: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)`
- Mandarijn: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)`
- Druif: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)`

Elk kleurverloop loopt van een matte lichtglans naar de volle plastickleur, zoals licht door een doorschijnende schaal valt.

Deze werken prachtig als effen achtergrond met één regel afgeronde schreefloze letters. Combineer het blauw met mandarijn voor contrast, of houd elke post bij één smaak en laat het raster de regenboog worden.

## Kleuren van rave- en clubflyers

Club- en raveflyers werden goedkoop gedrukt, vaak in een of twee fluorescerende inkten over zwart. Zuurgeel, uv-violet en felroze waren de standaard, met halftoonstippen en brede techno-letters. Het geheim is beperking: één felle kleur op zwart is luider dan vier. Is neon je richting, dan laat [neonkleurverlopen](https://gradiently.design/nl/guide/neon-gradients) zien hoe je het niet modderig laat worden.

Een staande eventpost in 90s-ravestijl die een warehouse-avond op zaterdag aankondigt, op een donkere achtergrond met felle kleur

Een raveflyer op een donkere achtergrond, één fluorescerende kleur en korte, botte woorden.

Een staande post met het ene woord Rewind op een zachte snoepkleurige achtergrond in 90s-pastel-techstijl

Een pastel-techvariant: één woord op een zachte doorschijnende kleur, veel lucht.

## Een 90s-esthetiek gebruiken zonder gedateerd te ogen

### Kostuum

- Grungetextuur, webkleuren en ravelettertypes in één post
- Elke kleur tegelijk op volle sterkte
- Verweerde letters op de grootte van lopende tekst
- Clipart en grappige lettertypes als hele idee

### Verwijzing

- Eén lijn per ontwerp, aangehouden in de hele feed
- Eén luide kleur, de rest van het palet ondersteunend
- Textuur op de achtergrond, schone letters erboven
- Moderne witruimte en één tijdsdetail goed gedaan

1. **Kies één lijn** Grunge voor bands en vintagewinkels, web 1.0 voor tech en nieuwsbrieven, pastel tech voor producten en speelse merken, rave voor uitgaan.
2. **Kopieer het palet en knip het dan terug** Begin bij de hexcodes hierboven en houd er drie of vier. Een strak palet oogt bewust.
3. **Zet het tijdsdetail op één plek** Een pixellettertype voor één label, een halftoonachtergrond, een afgeschuinde knop. Eén detail verkoopt het decennium.
4. **Houd de woorden makkelijk leesbaar** Zet koppen groot op het rustigste deel van de achtergrond. [Retrolettertypes](https://gradiently.design/nl/guide/retro-fonts) noemt lettertypes die de tijd dragen en toch goed lezen.

Wil je een 90s-geïnspireerde achtergrond die niemand anders post, dan zijn de Marks van Gradiently een goed startpunt: levende kleurverloop- en materiaalachtergronden met korrel en licht ingebouwd, elk uniek. Woorden op een Mark blijven leesbaar doordat de achtergrond zichzelf erachter kalmeert. Voor de bredere familie van terugblik-looks zie [retrokleurverlopen](https://gradiently.design/nl/guide/retro-gradients) en de [80s-esthetiek](https://gradiently.design/nl/guide/80s-aesthetic).

## FAQ

### Welke kleuren horen bij de 90s-esthetiek?

Dat hangt van de lijn af. Grunge gebruikt olijf, ossenbloed en mosterd; web 1.0 gebruikt linkblauw, magenta en grijs; pastel tech gebruikt snoepblauw, limoen en mandarijn; rave gebruikt zuurgeel en uv-violet op zwart.

### Wat is het verschil tussen de 90s-esthetiek en Y2K?

Y2K is het allerlaatste deel van het decennium en de vroege jaren 2000: chroom, bellen en glanzend futurisme. De bredere 90s-look omvat ook grunge, web 1.0 en rave, die ruwer en platter zijn.

### Welke lettertypes zien er 90s uit?

Typemachine- en smalle schreefloze letters voor grunge, Times en pixellettertypes voor web 1.0, afgeronde geometrische sans voor pastel tech en brede techno-displaylettertypes voor raveflyers.

### Hoe maak ik een achtergrond in 90s-esthetiek?

Kies één lijn, gebruik twee of drie van zijn kleuren als kleurverloop of effen vlak en voeg korrel- of halftoontextuur toe. Houd het simpel zodat icoontjes en widgets leesbaar blijven.