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.
- Seven 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.
Seven 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.