Stylogeny combining Glassmorphism × Y2K Futurism

Try

Style combination · Pairs well

Glassmorphism × Y2K Futurism

Add Y2K iridescent sheen and chrome icons to frosted panes for a playful retro-future variant.

From the research on Glassmorphism

Mix them and make something Glassmorphism Y2K Futurism

OrbitGlassmorphism × Y2K Futurism2020 · 1997
A sample layout drawn from the recipe: shapes from Glassmorphism, their arrangement from Glassmorphism, the finish from Y2K Futurism. Not a real work, and not an image of either style.

01

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Glassmorphism Y2K Futurism

Type from Y2K Futurism
Colour from Glassmorphism
Form from Glassmorphism
Composition from Glassmorphism
Surface from Y2K Futurism

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Y2K Futurism

Orbit

Michroma, standing in for Eurostile Extended

Text · Glassmorphism

An interface style of translucent, frosted panels floating over vivid, blurred backgrounds, so that depth and hierarchy come from layered transparency. Rooted in Windows Aero glass, the blur layers of iOS 7 and Fluent Design's Acrylic, it was named in 2020 around the launch of macOS Big Sur and returned in 2025 as Apple's refractive Liquid Glass.

Inter; Glassmorphism used SF Pro and Segoe UI Variable

03

The colours

The ground and leading colours come from Glassmorphism, with a counter-accent from Y2K Futurism. The ink reads on the ground at 4.5:1 or more.

Glassmorphism Y2K Futurism

  • #1b1a33 ground · 36%
  • #ffffff ink · 14%
  • #2cb1fc accent · 18%
  • #1f6fff accent · 14%
  • #7f5af0 accent · 10%
  • #b4f02e accent · 8%

As CSS

:root {
  --ground: #1b1a33;
  --ink: #ffffff;
  --accent-1: #2cb1fc;
  --accent-2: #1f6fff;
  --accent-3: #7f5af0;
  --accent-4: #b4f02e;
  --font-display: "Michroma", sans-serif;
  --font-text: "Inter", sans-serif;
}

04

The two styles

A vivid blue, purple and pink focus-timer interface features a large translucent circular timer reading 25:00 with a play button. Glossy abstract shapes surround glass-like navigation tabs, a session bar chart and two habit-building cards. 2020–present · Global / networked Glassmorphism An interface style of translucent, frosted panels floating over vivid, blurred backgrounds, so that depth and hierarchy come from layered transparency. Rooted in Windows Aero glass, the blur layers of iOS 7 and Fluent Design's Acrylic, it was named in 2020 around the launch of macOS Big Sur and returned in 2025 as Apple's refractive Liquid Glass. A glossy silver-and-blue music player interface titled FLOW features an abstract glass orb wrapped in reflective, brightly tinted rings. Playback controls, a progress slider, a vertical icon toolbar, and four colorful sound preset thumbnails fill the lower and right edges. 1997–2005 · Global / networked Y2K Futurism The optimistic, chrome-plated vision of the future that surrounded the turn of the millennium, spread by consumer electronics, music videos, games, fashion and dot-com branding. Translucent candy-coloured plastics, liquid-metal and bubble 3D renders, lens flares, wide techno sans-serifs and icy silver-and-blue palettes sold the digital age as sleek, fluid and weightless, until the dot-com crash dimmed it.

05

More combinations

With Glassmorphism

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination