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
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.
Questions
- How much blur should I use?
- For a hero background, 600 to 800 on the blur dial keeps some shape behind the text. For a wallpaper, 800 to 1000 gives a calmer, more even field. Watch the preview at the size it will be used.
- Why does my blurry gradient look striped?
- That is banding, and it shows most in dark palettes with slow transitions. Nudge the Grain dial to 10 or 15 percent and the stripes disappear.
- Can I use these commercially?
- Yes. Everything you export, on any plan, is yours for personal and client work.
- What sizes can I export?
- Landscape exports are 3840 pixels wide and portrait ones 2160 pixels tall, in nine aspect ratios from 16:9 desktop to 9:16 phone, 1.91:1 social cards and 5:2 Notion covers.
Make one now
The studio opens pre-set to this look. Shuffle until something feels right, then export.
Make a blurry gradient