lilac#f4d7fb
petal#f9bddf
clay#e0a0a3
peach#efae8f
wheat#f0df96
We handle the color theory.
Hit generate and get a harmonious palette. Lock the colours you love, regenerate the rest until the whole thing clicks.
The ultimate mesh gradient generator.
Everything you need to create and export amazing mesh gradients.
- Five animated WebGL shaders. Infinite color palettes.
- Export as 4K image, MP4 video, or code.
- Free, browser-based, no sign-up.
Macaroon Sunrise
shader: silk
Animated
Live WebGL shaders rendered at 60fps. Real motion, not a CSS gradient hack.
InstantGradient is sooo good 💯
Mads@madsmadsdk
Fast
Generate, tune, and export a 4K gradient in under a minute. Keyboard-driven.
One window. The whole tool.
Five animated shaders, any palette you like, exported as image, video, or code — all in one window. This is the whole editor. Open it and start with the spacebar.
macaroon-sunrise.gradient
palette
distortion0.50
swirl0.38
speed1.00
grain0.05
Open the editor→
What it actually does.
One palette, five looks.
Switch shaders on the same colours to find the right vibe. Silk, wave, mesh, liquid, stripe.
Drop in your brand.
Paste hex codes or upload an image. The gradient inherits your palette automatically.
16:9
9:16
1:1
4:5
Every aspect ratio.
Instagram story, LinkedIn banner, 4K hero, phone wallpaper. 32 presets, plus custom dimensions.
See it before you ship.
Preview the gradient as a hero, a card, or a phone wallpaper before you commit.
And everything else.
- Palette from any image
- drop a photo or screenshot · extract the palette
- Import from Coolors
- paste a Coolors link · bring the palette in
- Save your favourites
- library, sync, no limit on Pro
- Browse 5,000 colours
- named · indexed · with related palettes
- REST APIpro
- 500 credits / day · palettes, colours, generation
- Step through history
- ← / → · up to 100 snapshots
- Lock and tweak any colour
- click to lock · drag to swap
- Fine-tune every slider
- distortion · swirl · scale · grain · per shader
- 32 aspect ratio presets
- story, post, banner, hero, plus custom 8K
- Fluted glass effectpro
- the one Pro-only visual effect
- Share by URL
- palette + shader baked in
Free. Pro if you want to back it.
InstantGradient is genuinely free. A one-time pass unlocks the power features and helps a solo dev keep it alive. No subscription, ever.
Free
$0forever
- ·All 5 shader styles
- ·Unlimited palette generation
- ·1× PNG image export
- ·5 saved palettes
Annual Pass
$9one-time · 1 year of Pro
- ·Everything in Free
- ·4K image + MP4 video export
- ·Code exports (React, CSS, JSON)
- ·REST API, 500 credits / day
- ·Fluted glass effect
Lifetime Passbest value
$19one-time · forever
- ·Everything in Annual
- ·All future updates included
- ·The best way to back the project
Made by one person.
Ugosolo dev · since 2025
Hey, I'm Ugo, and I build tools for myself first.
I kept wanting rich, animated gradients in my own projects, but the best shaders were buried in open-source repos that were a real pain to wire up. Copy the code, fight the params, repeat.
So I built the tool I wish existed: roll a palette, drop it into a great shader, tune it live, and export in one click.
It's free, it's fast, and it's the first thing I open for anything visual now. If it saves you the same headache, that's the whole point.