Aurora Gradient Generator
Northern-lights gradients: flowing green, blue and violet fibers on a night sky, with real grain. Tune the waviness and sheen, export at 4K.
5 free 4K exports a month · No watermark · No card
What an aurora gradient is
An aurora gradient mimics the northern lights: ribbons of green and cyan fading into violet, draped diagonally across a dark sky. The fibers have direction and a faint shimmer, which a plain radial gradient never gets right.
How the stripes style makes it
The Stripes style draws thousands of fine fibers along a shared wave, melts them with blur and adds light and dark folds for sheen. Set Waviness high for curtains, lower for calm bands, and use Sheen to control how much the folds glow.
Picking aurora colors
Start from a near-black navy background. Use one mint or green, one electric blue and one violet, and let the fourth color be a bright cyan for the highlights. Keep saturation near 110 percent so the greens stay luminous without turning neon.
Where it is used
Dark-mode website heroes, OLED phone wallpapers, event and music artwork, and slide backgrounds for anything that wants to feel nocturnal and a little cinematic.
Sized for where it goes
Exact sizes and safe zones for the places a background ends up, each with examples at that shape.
- LinkedIn banner1584 × 396
- X header1500 × 500
- YouTube banner2560 × 1440
- Discord banner680 × 240
- Discord server960 × 540
- Twitch banner1200 × 480
- Bluesky banner2000 × 667
- OG image1200 × 630
- Notion cover1500 × 600
- Product Hunt gallery1270 × 760
- Presentation1920 × 1080
- Website hero1920 × 1080
- Zoom background1920 × 1080
- Instagram story1080 × 1920
- Instagram post1080 × 1350
- Email header600 × 240
- App Store header3840 × 1646
- App Store search3840 × 2560
- Event card3840 × 2160
- Event details2160 × 3840
More generators
The same studio, set to another look.
Blurry gradientsSoft, out-of-focus colour behind a headline or a slide.
Grainy gradientsFilm grain drawn into the file, so dark blurs never band.
Noise gradientsHeavy noise rendered into every pixel, free in 4K.- Dither gradientsAn ordered dot pattern that reads as texture, not blur.
Gradient backgroundsBackgrounds sized for product sites, launch posts and decks.
Questions
Can I make the aurora animated?
Why does the aurora look kinked or jagged?
Is the export free?
Can I use it as a wallpaper?
Make one now
The studio opens set to this look. Shuffle until something feels right, then export.





