Blurry Gradient Background Generator
Soft, out-of-focus gradient backgrounds for heroes, wallpapers and slides. Dial the blur, keep a touch of grain so nothing bands, export at 4K.
5 free 4K exports a month · No watermark · No card
Blurry gradients to start from
Each one opens in the studio with its exact settings, ready to change and export.
Want the finished image? Each is a free 4K wallpaper: Ember, Peach Fuzz, Lavender Haze, Silk Rose, Ice Fiber, Blue Sky, Sunset and Storm.
What makes a blurry gradient work
A blurry gradient is a few color fields blurred until their edges disappear. The trick is keeping some structure: a light source, a darker corner, a shape you can almost read. Blur everything evenly and you get a flat wash; blur a composition and you get depth.
Blur without banding
Heavy blur creates long, slow color transitions, which is exactly where 8-bit screens band. A small amount of grain, around 10 percent, breaks the bands without reading as texture. It is on by default here for that reason.
Blobs or clouds
Blobs give the classic blurred-circles look: a few glowing fields on a background. Clouds add billowing volume and wispy edges, which reads as sky or smoke. Both share the same blur, grain, contrast and saturation controls.
Where it is used
Website hero backgrounds behind a headline, app onboarding screens, slide decks, Zoom backgrounds, and phone wallpapers where a busy image would fight the icons.
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.
Grainy gradientsFilm grain drawn into the file, so dark blurs never band.
Noise gradientsHeavy noise rendered into every pixel, free in 4K.
Aurora gradientsNorthern-lights ribbons of green and violet on a night sky.
Gradient backgroundsBackgrounds sized for product sites, launch posts and decks.- Pixel gradientsCrisp cells of the palette, for launch videos and posters.
Questions
How much blur should I use?
Why does my blurry gradient look striped?
Can I use these commercially?
What sizes can I export?
Make one now
The studio opens set to this look. Shuffle until something feels right, then export.






