# 90s aesthetic: grunge, web 1.0 and pastel tech

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

The decade had no single look. It had photocopied flyers, blinking homepages, see-through plastic and smiley-face rave posters. Here are the palettes behind each, with codes you can copy.

## The short version

- The 90s aesthetic is a family of looks rather than one style: grunge, web 1.0, pastel tech, rave and a clean minimal strand.
- Grunge uses dark, desaturated colours such as olive, oxblood and dirty mustard, with photocopy texture and distressed type.
- Web 1.0 is built from blunt screen colours like #0000ee link blue, #ff00ff magenta and #00ff00 green on grey or black.
- Pastel tech borrows from translucent plastic gadgets: candy blue, lime, tangerine and grape, usually on white.
- Using a 90s look today works best when you take one strand, keep its palette tight and add modern spacing and legible type.

The **90s aesthetic** is not one style but four or five that ran side by side: grunge, with its faded olives and photocopied type; web 1.0, with pure screen blue and magenta on grey; pastel tech, the candy colours of translucent plastic gadgets; and rave, all acid yellow and smiley faces. Each has its own palette, texture and type. Pick one strand, borrow its colours exactly, and your design reads as 90s without looking like fancy dress.

Below are the strands one by one, each with a palette you can copy, followed by how to turn them into posts and backgrounds that still feel current.

## The four strands of the 90s look

| Strand | Colours | Texture | Type |
| --- | --- | --- | --- |
| Grunge | Olive, oxblood, mustard, bone | Photocopy, tape, torn paper | Distressed typewriter, condensed sans |
| Web 1.0 | Link blue, magenta, lime on grey | Pixels, tiled backgrounds, bevels | Times, Arial, Comic Sans, pixel fonts |
| Pastel tech | Candy blue, lime, tangerine, grape | Frosted, translucent plastic | Rounded geometric sans |
| Rave | Acid yellow, UV violet, hot pink | Halftone, xerox, fluorescent ink | Wide techno display faces |

A quick map of the decade. Mixing two strands in one design is where most 90s pastiche goes wrong.

There was also a quiet minimal strand: black and white fashion photography, lots of empty space and thin sans serif type. It has aged so well that it rarely reads as 90s at all, which is useful if you want the mood without the costume.

## 90s grunge aesthetic palette

Grunge colour looks like it has been left in the sun and photocopied twice. Nothing is fully saturated and nothing is pure white. Think of flannel shirts, thrift shop cardigans and gig flyers stapled to a telegraph pole. The ground is usually a dirty off white or a near black, and the accents are muddy rather than bright.

- Soot: #1c1b17
- Army olive: #4b4a2f
- Oxblood: #6b2a2a
- Dirty mustard: #b08d3c
- Washed denim: #8a9a9b
- Photocopy bone: #e6dfcf

A grunge palette: two darks, two muddy accents, one faded blue and a yellowed paper white.

Texture does as much work as colour here. Add heavy grain, a slightly uneven ground and type that looks stamped or typewritten. [Grainy gradients](https://gradiently.design/guide/grainy-gradients) explains how to add noise that looks like print rather than a filter.

## Web 1.0 aesthetic: colours of the early internet

Early web pages used colours that screens could show reliably, which is why the palette is so blunt. Default link blue, visited purple, grey browser chrome and the occasional green on black for anything that wanted to look technical. The charm is in the honesty: hard edges, no gradients except the odd bevelled button, and tiled backgrounds behind everything.

- Window grey: #c0c0c0
- Link blue: #0000ee
- Visited purple: #551a8b
- Magenta: #ff00ff
- Terminal green: #00ff00
- Title bar navy: #000080

Web 1.0 colours are blunt screen values, including the old browser default link blue and visited purple. Use them at full strength, but sparingly, on grey or white.

To make it legible today, give the colours more room than the originals did. One magenta headline on grey reads as a knowing reference; six colours fighting on a starfield reads as a broken page. The same restraint applies to the later [Y2K aesthetic](https://gradiently.design/guide/y2k-aesthetic), which grew directly out of this look.

## Pastel tech: translucent plastic colours

Late in the decade, computers, phones and game handhelds arrived in see-through coloured plastic. Apple's 1998 iMac in Bondi Blue is the famous example, followed by fruit flavoured shades. The palette is bright but soft, as if lit from behind, and it sits best on white or a pale cool grey.

- Translucent blue: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)`
- Lime plastic: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)`
- Tangerine: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)`
- Grape: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)`

Each gradient runs from a frosted highlight to the full plastic colour, the way light passes through a translucent shell.

These work beautifully as single colour backgrounds with one line of rounded sans serif type. Pair the blue with tangerine for contrast, or keep each post to one flavour and let the grid become the rainbow.

## Rave and club flyer colours

Club and rave flyers were printed cheaply, often in one or two fluorescent inks over black. Acid yellow, UV violet and hot pink were the staples, with halftone dots and wide techno lettering. The secret is limitation: one bright on black is louder than four. If neon is your direction, [neon gradients](https://gradiently.design/guide/neon-gradients) shows how to keep it from turning muddy.

A portrait event post in a 90s rave style announcing a Saturday warehouse night on a dark ground with bright colour

A rave flyer on a dark ground, one fluorescent colour and short blunt words.

A portrait post with the single word Rewind on a soft candy coloured background in a 90s pastel tech style

A pastel tech take: one word on a soft translucent colour, plenty of air.

## How to use a 90s aesthetic without it looking dated

### Costume

- Grunge texture, web colours and rave type in one post
- Every colour at full strength at once
- Distressed type at body text sizes
- Clip art and novelty fonts as the whole idea

### Reference

- One strand per design, held across the whole feed
- One loud colour, the rest of the palette supporting
- Texture on the background, clean type on top
- Modern spacing and one period detail done well

1. **Choose one strand** Grunge for bands and vintage shops, web 1.0 for tech and newsletters, pastel tech for products and playful brands, rave for nights out.
2. **Copy the palette, then cut it down** Start from the hex codes above and keep three or four. A tight palette reads as intentional.
3. **Put the period detail in one place** A pixel font for one label, a halftone background, a bevelled button. One detail sells the decade.
4. **Keep the words easy to read** Set headlines large on the calmest part of the background. [Retro fonts](https://gradiently.design/guide/retro-fonts) lists faces that carry the era and still read well.

If you want a 90s inspired background that nobody else is posting, Gradiently's Marks are a good starting point: living gradient and material backgrounds with grain and light built in, each one unique. Words placed on a Mark stay readable because the background calms itself behind them. For the wider family of throwback looks, see [retro gradients](https://gradiently.design/guide/retro-gradients) and the [80s aesthetic](https://gradiently.design/guide/80s-aesthetic).

## FAQ

### What colours are in the 90s aesthetic?

It depends on the strand. Grunge uses olive, oxblood and mustard; web 1.0 uses link blue, magenta and grey; pastel tech uses candy blue, lime and tangerine; rave uses acid yellow and UV violet on black.

### What is the difference between the 90s aesthetic and Y2K?

Y2K is the very end of the decade and the early 2000s: chrome, bubbles and glossy futurism. The wider 90s look also includes grunge, web 1.0 and rave, which are rougher and flatter.

### What fonts look 90s?

Typewriter and condensed sans faces for grunge, Times and pixel fonts for web 1.0, rounded geometric sans for pastel tech and wide techno display faces for rave flyers.

### How do I make a 90s aesthetic wallpaper?

Pick one strand, use two or three of its colours as a gradient or flat ground, then add grain or halftone texture. Keep it simple so icons and widgets stay readable.