# The Y2K aesthetic: chrome, gradients and glow

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

Liquid chrome, translucent plastic, ice blue and bubblegum pink: the look of the turn of the millennium is back. Here is how it works, and how to wear it without looking like fancy dress.

## The short version

- The Y2K aesthetic is the optimistic, tech-inspired look of roughly the late 1990s to the mid 2000s, built on chrome, translucent plastic, iridescence and glow.
- Its core colours are silver, white, ice blue, baby pink, lilac and acid lime, on white or deep blue-black grounds.
- Convincing chrome is a gradient with alternating light and dark bands, because polished metal mirrors a bright sky above, a dark horizon and a lighter ground below.
- The Y2K look works best today when one trait leads, such as chrome type or an iridescent background, with a modern layout and readable text around it.

The **Y2K aesthetic** is the look of the turn of the millennium: liquid chrome, translucent plastic, frosted blues, bubblegum pinks, iridescent film and soft glow, all carrying an optimism about technology and the future. It covers roughly the late 1990s to the mid 2000s, and it has been revived across fashion, music and graphic design in recent years. Gradients sit at its heart, because almost every Y2K surface is a blend: metal, gel, glass or light.

This guide breaks the look into its traits, gives palettes and gradient codes that genuinely read as chrome, ice and glow, and shows how to use it now without it looking like a costume. For neighbouring styles, see [holographic gradients](https://gradiently.design/guide/holographic-gradients) and [retro gradients](https://gradiently.design/guide/retro-gradients).

## What defines the Y2K aesthetic

The style came from the technology and products of its moment. Translucent coloured plastic, made famous by Apple's iMac G3 in 1998, spread to phones, game controllers and headphones. Interfaces turned glossy, with Apple's Aqua in 2000 making buttons look like gel. Music videos, album covers and games loved chrome lettering, lens flares and rounded, futuristic shapes.

| Trait | What it looks like | How to use it now |
| --- | --- | --- |
| Liquid chrome | Mirror-bright metal in bands of light and dark | Headlines and logos, never body text |
| Translucent plastic | Tinted, see-through colour with soft highlights | Backgrounds and product shots |
| Iridescence | Pearly film shifting between pastel hues | One surface per design |
| Glow and flare | Soft light bleeding from bright points | Behind a single word or object |
| Bubble shapes | Rounded, inflated forms and pill buttons | Stickers, badges, buttons |
| Futuristic type | Wide, rounded or pixel-inspired letters | Short display lines only |

Six traits that make a design read as Y2K. You rarely need more than two at once.

## Y2K colour palettes and gradient codes

- Silver: #c0c6cf
- White glare: #eef3f8
- Ice blue: #9ee7ff
- Baby pink: #ffc2e2
- Lilac: #c7a8ff
- Acid lime: #c6ff3d
- Deep space: #0b0b2b

The core Y2K palette: cool metal and white, soft pastels, one acid accent and a deep ground for glow.

Most Y2K colour is cool and light. Silver and white give the metallic base, ice blue and lilac add the frosted, digital feeling, and baby pink brings the playful side. Acid lime is the accent, used sparingly. When a design needs to glow, swap the white ground for a deep blue-black, as in [neon gradients](https://gradiently.design/guide/neon-gradients).

- Frosted ice blue: `linear-gradient(180deg, #e8fbff 0%, #9ee7ff 45%, #3cc3f2 100%)`
- Bubblegum to lilac: `linear-gradient(135deg, #ffd6f0 0%, #ff8fd1 50%, #c77dff 100%)`
- Pearlescent film: `linear-gradient(120deg, #c9f0ff 0%, #e6d4ff 30%, #ffd6ec 55%, #fff4c9 80%, #d3ffe9 100%)`
- Translucent teal plastic: `linear-gradient(160deg, #8fe3e6 0%, #1f9aa8 55%, #0d5f6e 100%)`
- Acid lime glow: `radial-gradient(circle at 50% 45%, #f4ffd0 0%, #c6ff3d 25%, #3b7a12 55%, #0b0b2b 85%)`
- Deep space to ice: `linear-gradient(180deg, #0b0b2b 0%, #2a1a5e 55%, #9ee7ff 100%)`

Six Y2K gradients, each copyable. The pearlescent film works best large, like a sheet of holographic foil.

## How to make a chrome gradient that reads as metal

Chrome is the hardest Y2K effect to fake and the easiest to get wrong. A smooth grey-to-white gradient looks like plastic. Polished metal is a mirror: it reflects a bright sky in its upper half, a sharp dark horizon near the middle and a lighter ground below. So chrome needs several bands, with at least one sudden change from light to dark.

Liquid chrome: `linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%)`

Sky, horizon, ground: white falling to steel grey, a hard dark line at the halfway point, then light again. That sudden change is what reads as a mirror.

For chrome type, clip the gradient to the letters and add a faint, cool glow. Keep chrome for a few large words: at small sizes the bands vanish and the text becomes hard to read. [Gradient text in CSS](https://gradiently.design/guide/css-gradient-text) covers clipping in more depth.

```css
.chrome-text {
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 10px rgba(158, 231, 255, 0.55));
}
```

Chrome lettering in CSS. The drop shadow adds an icy glow; remove it for colder, harder metal.

## Glow, gloss and translucency

Glow is what makes Y2K feel electric rather than merely shiny. The recipe is a very bright core, a saturated ring and a quick fall into a dark ground. Gloss is the gel highlight of Aqua-era buttons: a lighter top half and a hard edge where the reflection ends. Translucency is frosted colour you can almost see through, the ancestor of today's [glassmorphism](https://gradiently.design/guide/glassmorphism).

- Pink lens glow: `radial-gradient(circle at 50% 40%, #ffffff 0%, #ffd1f5 12%, #ff5fc8 32%, #3a0f4f 62%, #0b0b2b 90%)`
- Aqua-style gel: `linear-gradient(180deg, #e3f6ff 0%, #9fd9ff 48%, #3aa6ef 52%, #7fd0ff 100%)`
- Frosted glass: `linear-gradient(135deg, #f5fbff 0%, #d7e9f7 45%, #c5d9ee 100%)`

Glow, gloss and frost as copyable gradients. Use one of them per design, not all three.

One strong effect per design is the rule for all three. A glowing word on a glossy button over frosted glass is the Y2K look at its most dated. For where the gloss came from, see [a short history of gradients](https://gradiently.design/guide/history-of-gradients).

## Y2K, vaporwave and Frutiger Aero compared

Three internet-era styles are often confused. They share gradients and nostalgia but differ in mood, era and palette.

| Style | Era it draws on | Palette | Motifs |
| --- | --- | --- | --- |
| Y2K | Late 1990s to mid 2000s | Silver, ice blue, baby pink, lime | Chrome, translucent plastic, glow |
| Vaporwave | 1980s and 1990s imagery, remixed online in the 2010s | Hot pink, cyan, violet, sunset orange | Grids, sunsets, marble busts, old computer screens |
| Frutiger Aero | Mid 2000s to early 2010s | Sky blue, grass green, white | Water, bubbles, glossy glass, sky and nature |

Neighbouring styles. [Vaporwave and synthwave colours](https://gradiently.design/guide/vaporwave-colors) covers the pink and cyan side.

## How to update the Y2K aesthetic for now

1. **Pick one hero trait** Choose chrome, iridescence, glow or translucent colour and let it lead. Everything else stays quiet.
2. **Use a modern layout** Generous space, a clear grid and one message per design keep the look from tipping into costume.
3. **Pair it with clean type** Set supporting text in a plain, modern sans serif. Save wide or futuristic lettering for a single display line.
4. **Add grain instead of more gloss** Fine grain over an iridescent or chrome surface makes it feel physical and current rather than plastic. See [grainy gradients](https://gradiently.design/guide/grainy-gradients).
5. **Check the contrast** Pastel and chrome text on white often fails. Test every line against its background using the [colour contrast](https://gradiently.design/guide/color-contrast-accessibility) rules.

A portrait product drop post titled The Chrome Edit, announcing a collection in store on Friday

A Y2K campaign as a feed post: short, bold words and one clear message.

A vertical Story counting down two days to The Chrome Edit, with doors opening at ten on Friday

The same campaign as a Story. The layout changes; the look stays the same.

A Y2K look usually belongs to a campaign rather than a permanent identity: a collection, a party, an album. In Gradiently's [Market](/market) you can search colour words such as ice blue, silver or lilac to find a Mark with that feeling, and design with it for free.

## FAQ

### What is the Y2K aesthetic?

The Y2K aesthetic is the tech-optimistic visual style of roughly the late 1990s to the mid 2000s: chrome, translucent plastic, iridescent pastels, glossy surfaces and glow.

### What colours are in a Y2K colour palette?

Silver, white, ice blue, baby pink, lilac and acid lime, on a white ground or a deep blue-black when the design needs to glow.

### How do you make a chrome gradient?

Use several bands: bright at the top, a hard dark line near the middle, then light again. That imitates a mirror reflecting sky, horizon and ground, which is what makes metal read as metal.

### What is the difference between Y2K and vaporwave?

Y2K is cool, metallic and futuristic, built on silver, ice blue and pink. Vaporwave is a 2010s internet style that remixes 1980s and 1990s imagery in hot pink, cyan and violet, with grids, sunsets and marble busts.

### Can a brand use the Y2K aesthetic long term?

It suits campaigns, collections and events best. For a lasting identity, borrow one trait, such as an iridescent surface or a chrome accent, and keep the rest of your system modern.