Gorgeous mesh gradients.
Infinite palettes.

Discover your next palette, and export ready-to-use gradient assets.

6,000+ happy users
@madsmadsdk“InstantGradient is sooo good 💯”@madsmadsdk
Hex#F4D7FB
Hex#F9BDDF
Hex#E0A0A3
Hex#EFAE8F
Hex#EEBE8A
Hex#F0DF96
10,000+
Palettes generated
Color combinations
4,900+
Named colors

How it works

From idea to export in seconds. No sign-up required.

Generating a mesh gradient palette in InstantGradient
01

Generate

Hit spacebar to generate beautiful mesh gradients instantly. Lock colors you love, shuffle the rest. Every palette is harmonious by design.

Tuning mesh gradient parameters in InstantGradient
02

Tune

Fine-tune distortion, swirl, scale, and grain. Add effects like fluted glass. Make it yours — every parameter updates the preview in real time.

Exporting a mesh gradient from InstantGradient
03

Export

Export as PNG, WebP, or animated video. Copy CSS, Tailwind, or color tokens. Every format your project needs, in one click.

Free forever. Pro when you need it.

The full generator is free. Pro unlocks high-res exports, animations, and code snippets.

Free

$0

No credit card needed

Get started free
  • Unlimited palette generation
  • 60+ curated palettes
  • Lock, drag, add/remove colors
  • Save up to 5 palettes
  • Animated shader preview
  • PNG export (1x quality)
  • All 30+ aspect ratios
  • CSS/Tailwind/SCSS code export
  • Palette export (hex, JSON, CSS vars)
Most popular

Pro

$39/year

That's $3.25/mo, billed annually

Upgrade to Pro
  • Everything in Free, plus:
  • No ads
  • Unlimited palette saves
  • 2x quality export (PNG + WebP)
  • WebM video export
  • Custom export dimensions
  • Cloud-synced palette saving

Your next gradient is one spacebar away

Free, no account, no credit card. Just open and start.

Start creating
InstantGradient - Gorgeous Mesh Gradients, Infinite Palettes