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