Retro & nostalgia · Late 1990s – 2003
Y2K
Chrome gradients, bubbly glossy buttons, translucent plastic, and holographic sheen — the hyperoptimistic digital aesthetic of the turn of the millennium.
Live preview base style — press Wear
$2,100
Revenue, up 12% from last month.
| Customer | Plan | Status | MRR |
|---|---|---|---|
| Northwind | Studio | Active | $1,240 |
| Acme Labs | Team | Trial | $0 |
| Kaldi Coffee | Studio | Active | $860 |
Use this style 16 tokens
- --bg
oklch(96% 0.008 300) - --fg
oklch(22% 0.04 290) - --muted
oklch(50% 0.04 290) - --surface
oklch(99% 0.005 300) - --surface-2
oklch(93% 0.015 295) - --border
oklch(82% 0.025 295) - --accent
oklch(62% 0.24 340) - --accent-fg
oklch(99% 0 0) - --focus
oklch(62% 0.24 340)
| Token | Value |
|---|---|
| --font-body | 'Nunito', ui-rounded, system-ui, sans-serif |
| --font-display | 'Orbitron', 'Nunito', ui-rounded, system-ui, sans-serif |
| --font-mono | 'Courier New', ui-monospace, monospace |
| --radius | 999px |
| --radius-sm | 999px |
| --shadow | 0 4px 20px oklch(62% 0.24 340 / 0.18), 0 1px 2px oklch(0% 0 0 / 0.08) |
| --shadow-lg | 0 12px 40px oklch(62% 0.24 340 / 0.28), 0 4px 8px oklch(0% 0 0 / 0.12) |
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Nunito:ital,wght@0,400;0,700;0,900&display=swap');
:root {
--bg: oklch(96% 0.008 300);
--fg: oklch(22% 0.04 290);
--muted: oklch(50% 0.04 290);
--surface: oklch(99% 0.005 300);
--surface-2: oklch(93% 0.015 295);
--border: oklch(82% 0.025 295);
--accent: oklch(62% 0.24 340);
--accent-fg: oklch(99% 0 0);
--focus: oklch(62% 0.24 340);
--font-body: 'Nunito', ui-rounded, system-ui, sans-serif;
--font-display: 'Orbitron', 'Nunito', ui-rounded, system-ui, sans-serif;
--font-mono: 'Courier New', ui-monospace, monospace;
--radius: 999px;
--radius-sm: 999px;
--shadow: 0 4px 20px oklch(62% 0.24 340 / 0.18), 0 1px 2px oklch(0% 0 0 / 0.08);
--shadow-lg: 0 12px 40px oklch(62% 0.24 340 / 0.28), 0 4px 8px oklch(0% 0 0 / 0.12);
}Where it came from
Origin: Web design, consumer electronics, MTV, and early internet culture
As the year 2000 approached, a distinctive visual culture swept across web design, product packaging, and consumer electronics. Designers chased a liquid-chrome look using stacked highlight gradients. The aesthetic appeared on everything from Nokia phone covers and Winamp skins to Bratz packaging and the first generation of web portals. It mixed techno-utopian optimism with pop-culture excess.
How to spot it
- Liquid-chrome and metallic gradient surfaces
- Translucent bubbly shapes with thick glossy highlight
- Holographic or iridescent edge effects
- Bright limited palette — silver, pink, cyan, lime
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Instant nostalgia and playful energy | Readability struggles under reflective surfaces |
| Nothing else looks quite like it today | Tone is hard to keep earnest — reads ironic easily |
| Strong fit for fashion, music, and events | Does not work for serious or utility products |
In the wild
- iMac G3 and other translucent plastic hardware
- Winamp skin ecosystem, 2000–2003
- Early Neopets and Myspace profile aesthetics
Use it when
Events, music releases, fashion brands, or any campaign leaning into early-2000s nostalgia.