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
3,000+ happy users
@madsmadsdk“InstantGradient is sooo good 💯”@madsmadsdk

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

Video export 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
  • 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:
  • 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