ThatPainter
For makers
Pick a colourFor prosPaints & toolsAll listsComparePaint DeskPaid listingsMaker sign-in
On the record · read 7 Oct 2026 · 14 facts

Grabient

Visit Grabient Alternatives

What it is

Grabient is a free web-based tool for generating CSS gradients and managing color palettes. Its gradients use Inigo Quilez’s cosine gradient technique, with controls for style, angle, and steps. You can create, save, manage, browse, and like palettes, then search them with descriptive terms such as a color, mood, or theme. Gradient exports include CSS, SVG, and PNG; palette pages also provide copy options for colors, ShaderToy, and JSON. A palette’s URL seed determines its colors, so using the same seed again produces the same result. Grabient also offers unauthenticated GET endpoints for palette JSON, palette search, ranked lists, and PNG renders, without requiring an API key. The free plan costs nothing, and documented reads need neither signup nor an API key. Reads are rate-limited to 300 requests per 10 seconds per IP; PNG output is capped at 2400 pixels per side and about 3 megapixels total. Generated or exported gradients can be used in lawful personal and commercial projects under a perpetual, royalty-free license. Grabient is aimed at UI palettes, gradients, and backgrounds, rather than accessibility contrast checks, image palette extraction, exact brand-hex matching, or print and CMYK work.

For and against

For

  • Free web access to gradient and palette tools.
  • Adjust gradient style, angle, and steps.
  • Search palettes by color, mood, or theme.
  • Exports CSS, SVG, and PNG.
  • Documented read endpoints require no API key or signup.
  • Same URL seed reproduces the same colors.

Against

  • Does not extract palettes from images.
  • Does not check accessibility contrast.
  • Does not support print or CMYK color work.
  • Documented reads are rate-limited to 300 requests per 10 seconds per IP.

Who it suits

Grabient suits homeowners or DIY painters who want to explore screen-based color combinations and gradients for a digital project. Its reproducible palettes and export formats may also help someone carry a palette into web or design work; it does not extract colors from a paint or room photo.

Getting started

  1. Open the Grabient website in a browser.
  2. Create or browse a gradient palette and adjust its style, angle, or steps.
  3. Search by a color, mood, or theme to find palettes.
  4. Save palettes by signing in with Google OAuth or an email magic link when a feature requires an account.
  5. Export a gradient as CSS, SVG, or PNG, or use the palette page’s copy options.
  6. For documented reads, call a GET endpoint without an API key or signup.

Limits to know

Documented API and image reads share a limit of 300 requests per 10 seconds per IP. PNG dimensions are capped at 2400 pixels per side and about 3 megapixels total.

The verdict

Choose Grabient to generate and save palettes or gradients for UI and background work, with several export formats and reproducible results. Its free access and API reads can suit people who want to browse or integrate generated palettes. Look elsewhere if you need to extract color from an image, check contrast, match exact brand hex values, or prepare print colors.

Questions

Is Grabient free?

Yes. Its Free plan costs nothing.

Do I need an account or API key?

Documented GET reads do not require either. Some features require an account, available through Google OAuth or email magic links.

What can I export?

Gradients can be exported as CSS, SVG, and PNG. Palette pages also offer copy options for colors, ShaderToy, and JSON.

Can I use generated gradients commercially?

Yes. Generated or exported gradients may be used in lawful personal and commercial projects under a perpetual, royalty-free license.

Does Grabient extract colors from images or check accessibility?

No. It is not intended for image palette extraction or accessibility contrast checks.

What limits apply to API and PNG reads?

Reads are limited to 300 requests per 10 seconds per IP. PNG output is capped at 2400 pixels per side and about 3 megapixels total.

Facts on the record

Accounts
Some features require an account, available through Google OAuth or email magic links.grabient.com · read 7 Oct 2026
API
Unauthenticated GET endpoints provide palette JSON, palette search, ranked palette lists, and PNG renders, with no API key required.grabient.com · read 7 Oct 2026
Export formats
The service exports gradients as CSS, SVG, and PNG; palette pages also offer colors, ShaderToy, and JSON copy options.grabient.com · read 7 Oct 2026
Gradient creation
It generates color gradients using Inigo Quilez’s cosine gradient technique and lets users customize style, angle, and steps.grabient.com · read 7 Oct 2026
Integrations
The privacy policy names PostHog, Google Analytics 4, Cloudflare Web Analytics, Google AdSense, Cloudflare infrastructure and Zaraz, Resend, and Google OAuth as third-party services.grabient.com · read 7 Oct 2026
Intended use
Grabient recommends itself for UI palettes, gradients, and backgrounds, and says it is not intended for accessibility contrast checks, image palette extraction, exact brand-hex matching, or print/CMYK work.grabient.com · read 7 Oct 2026
Notable limits
The documented API and image reads are rate-limited to 300 requests per 10 seconds per IP, and PNG dimensions are capped at 2400 pixels per side and about 3 megapixels total.grabient.com · read 7 Oct 2026
Output rights
Generated or exported gradients may be used freely in personal and commercial projects under a perpetual, royalty-free license for lawful purposes.grabient.com · read 7 Oct 2026
Palette search
Users can search palettes by descriptive queries such as a color, mood, or theme.grabient.com · read 7 Oct 2026
Palette tools
Users can create, save, manage, browse, and like gradient palettes.grabient.com · read 7 Oct 2026
Privacy controls
Non-essential tracking is off by default in the EEA and UK, while session recording is off by default everywhere and requires separate opt-in.grabient.com · read 7 Oct 2026
Purpose
Grabient is a free, web-based CSS gradient generator and palette management tool.grabient.com · read 7 Oct 2026
Reproducibility
A palette is determined by a URL seed, and the same seed produces the same colors without randomness or a model in the color path.grabient.com · read 7 Oct 2026
Security
The privacy policy states data is encrypted in transit with TLS/HTTPS and at rest with AES-256; it also describes secure HTTP-only session cookies, rate limiting, and CSRF protection.grabient.com · read 7 Oct 2026