Gorgeous mesh gradients.
Infinite palettes.

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

Start creating
instantgradient.com/app
Hex#4A2078
Hex#8B3FA0
Hex#D56EA0
Hex#F4A57A
2,000+ exports
Loved by indie makers and creators

Fits anywhere in your project

One tool, dozens of use cases.

Hero sections

Make visitors stop scrolling. A mesh gradient hero sets the tone instantly.

Social content

Stand out in every feed with animated gradient backgrounds.

App interfaces

Login screens, cards, onboarding. Export the code and ship it.

Presentations

Drop a 4K gradient into your deck. Looks custom, takes seconds.

Start creating

Export in any format you need

Export exactly what your project needs.

PNG / WebP

Up to 2x quality for sharp, crisp backgrounds

1x Free, 2x Pro

Animated WebM

Looping video for dynamic, living backgrounds

Pro

CSS & Tailwind

Gradient code and design tokens, ready to paste

Free

Color palette

Hex, JSON, CSS variables, SCSS

Free
Start creating

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
  • Session history + local save
  • 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:
  • 2x quality export (PNG + WebP)
  • Animated WebM loop 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