Aero Wallpaper Generator

Generate the iconic Frutiger Aero wallpaper — glowing skies, floating iridescent bubbles, drifting clouds, underwater god-rays and aurora nights. Download a high-res PNG or copy an approximate CSS background.

Wallpaper Customization

Scene Preset

Resolution

Environment

Sky Color

Sun Position

Bubble Count: 10

Bokeh Count: 40

Cloud Count: 4

Live Preview

Generated CSS Code

/* Frutiger Aero Wallpaper CSS — approximation of the PNG render */
/* Iridescent bubble rims, clouds, rays and aurora require the canvas PNG export */
.frutiger-aero-wallpaper {
  width: 100%;
  aspect-ratio: 1920 / 1080;
  background:
    radial-gradient(circle at 60.1% 43.1%, rgba(255,255,255,0.39) 0%, hsla(86, 80%, 80%, 0.14) 4%, transparent 9%),
    radial-gradient(circle at 52.7% 28.2%, rgba(255,255,255,0.47) 0%, hsla(157, 80%, 80%, 0.17) 4%, transparent 8%),
    radial-gradient(circle at 25.0% 80.0%, rgba(255,255,255,0.40) 0%, hsla(316, 80%, 80%, 0.14) 4%, transparent 9%),
    radial-gradient(circle at 50.1% 63.4%, rgba(255,255,255,0.47) 0%, hsla(206, 80%, 80%, 0.17) 4%, transparent 8%),
    radial-gradient(circle at 83.7% 9.4%, rgba(255,255,255,0.42) 0%, hsla(216, 80%, 80%, 0.15) 3%, transparent 7%),
    radial-gradient(circle at 6.2% 20.8%, rgba(255,255,255,0.36) 0%, hsla(36, 80%, 80%, 0.13) 4%, transparent 9%),
    radial-gradient(circle at 17.3% 76.6%, rgba(255,255,255,0.43) 0%, hsla(136, 80%, 80%, 0.15) 3%, transparent 7%),
    radial-gradient(circle at 45.0% 8.2%, rgba(255,255,255,0.50) 0%, hsla(45, 80%, 80%, 0.18) 2%, transparent 4%),
    radial-gradient(circle at 7.5% 66.0%, rgba(255,255,255,0.20), transparent 6%),
    radial-gradient(circle at 8.8% 94.4%, rgba(255,255,255,0.25), transparent 4%),
    radial-gradient(circle at 11.1% 1.6%, rgba(255,255,255,0.16), transparent 4%),
    radial-gradient(circle at 90.0% 7.8%, rgba(255,255,255,0.25), transparent 6%),
    radial-gradient(circle at 70.7% 18.0%, rgba(255,255,255,0.22), transparent 5%),
    radial-gradient(circle at 99.6% 56.3%, rgba(255,255,255,0.15), transparent 7%),
    radial-gradient(circle at 33.7% 59.6%, rgba(255,255,255,0.21), transparent 4%),
    radial-gradient(circle at 45.0% 84.3%, rgba(255,255,255,0.26), transparent 6%),
    radial-gradient(circle at 43.2% 54.5%, rgba(255,255,255,0.08), transparent 3%),
    radial-gradient(circle at 31.3% 78.6%, rgba(255,255,255,0.08), transparent 7%),
    linear-gradient(to bottom, hsl(205, 82%, 52%) 0%, hsl(205, 65%, 72%) 40%, hsl(205, 35%, 90%) 75%, hsl(205, 20%, 97%) 100%);
}