Gorgeous mesh gradients.
Infinite palettes.

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

Start creating
instantgradient.com/app
Hex#F4D7FB
Hex#F9BDDF
Hex#E0A0A3
Hex#EFAE8F
Hex#EEBE8A
Hex#F0DF96
3,000+ happy users
@madsmadsdk“InstantGradient is sooo good 💯”@madsmadsdk

Same colors. Completely different output.

A CSS gradient gets the job done. We make it worth looking at.

CSS linear-gradient

What you get with a CSS gradient. Flat, predictable, forgettable.

vs
Mesh gradient
Mesh gradient

GPU-powered shaders turn flat colors into organic, flowing shapes.

With effects
With effects

Layer glass, grain, and distortion for a look nobody else has.

In motion

Export as video. Every gradient animates with natural, fluid movement.

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