We handle the color theory.
Hit generate, lock what you love, regenerate the rest.
lilac#f4d7fb
petal#f9bddf
clay#e0a0a3
peach#efae8f
wheat#f0df96
Up to 8 colors, always in harmony.
The ultimate mesh gradient generator.
Everything you need to create and export amazing mesh gradients.
- 10+ 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.
10+ 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.
From a fresh palette to a finished export, without leaving the tab.
One palette, every style.
Switch shaders, keep the colors. Whatever the look, it's covered.
Use your brand.
Upload an image or paste a hex. The palette follows.
- #ea7388
- #bb5277
- #7c426f
- #3f2135
Every aspect ratio.
32 presets plus custom sizes, from stories to 4K heroes.
9:16
4:5
1:1
16:9
Preview everywhere.
See it as a wallpaper, a card, or a hero before you export.
Wallpaper
Card
Hero
Social
Built for speed. From idea to export in seconds.
Start creatingAnd everything else.
- Palette from any image
- extract a palette from any photo or screenshot
- Import from Coolors
- paste a Coolors link to bring a palette in
- Save your favourites
- a synced library, unlimited on Pro
- Browse 5,000 colours
- every named color, with related palettes
- REST APIpro
- generate palettes by API, 500 requests a day
- Step through history
- arrow keys revisit your last 100 palettes
- Lock and tweak any colour
- lock the colors you like, reroll the rest
- Fine-tune every slider
- distortion, swirl, scale, and grain per shader
- 32 aspect ratio presets
- story, post, banner, hero, or custom up to 8K
- Visual effectspro
- fluted glass, dithering, halftone, and CMYK halftone
- Share by URL
- the link carries the palette and shader
Free. Pro if you want to back it.
The generator is free and stays free. A one-time pass unlocks the power features and helps a solo dev keep it alive. No subscription, ever.
Open the editor, it's freeAnnual Pass
$19one-time · 1 year
A full year of Pro. Try every power feature for 12 months.works out to $1.58/mo
- Same features as lifetime, for a year
- Nothing charges on its own, ever
- Upgrade to lifetime any time
Lifetime Passbest value
$29one-time · forever
Every Pro feature, plus every update we ship, for as long as InstantGradient exists.
- Secure checkout
- One-time payment
- No auto-renewal
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.