EVERYTHING XIAOMI
Get listed

Grabient

Grabient is a free web-based tool for creating CSS gradients and managing palettes.

Place
#15 of 34
Score
6.0
Grabient's website

What Grabient is

Grabient is a free web-based tool for creating CSS gradients and managing palettes. It generates gradients with Inigo Quilez’s cosine gradient technique, with controls for style, angle, and steps. Users can create, save, browse, manage, and like palettes, then search them using descriptive terms such as a color, mood, or theme. Exports include CSS, SVG, and PNG; palette pages also offer copy options for colors, ShaderToy, and JSON. Unauthenticated GET endpoints provide palette JSON, search, ranked palette lists, and PNG renders without an API key. A URL seed determines a palette’s colors, so the same seed reproduces the same result. Generated or exported gradients can be used in lawful personal and commercial projects under a perpetual, royalty-free license. Some features require an account, available through Google OAuth or email magic links. Documented API and image reads are limited to 300 requests per 10 seconds per IP, and PNG output has size caps. Grabient is intended for UI palettes, gradients, and backgrounds, not print work, image extraction, exact brand matching, or accessibility contrast checks.

Good

  • Free web-based gradient and palette tools.
  • Gradient style, angle, and steps are customizable.
  • Exports CSS, SVG, and PNG.
  • Unauthenticated API reads require no API key.
  • Commercial and personal use is permitted under its license.

Watch out

  • Some features require an account.
  • API and image reads are rate-limited.
  • PNG output has dimension and total-area caps.
  • No image extraction, accessibility checks, or print support.

Who it suits

Grabient suits people creating gradients and palettes for interfaces or backgrounds, especially when they want several export formats or reproducible colors. It is not intended for image palette extraction, accessibility checks, exact brand-hex matching, or print/CMYK work.

Verdict

Grabient combines gradient generation, palette management, and multiple export options in a free web tool. Its stated limits make it a better fit for screen-oriented palette work than print, image extraction, or accessibility review.

Plans and prices

From Grabient's own pricing page, checked 7 Oct 2026.

All about pricing
PlanPriceWhat it gives you
FreeFreeNo API key or signup for documented reads; 300 requests per 10 seconds per IP across API, PNG, and JSON reads

The facts

Each one read from Grabient's own pages, with the date it was checked.

What it does

Accounts
Some features require an account, available through Google OAuth or email magic links.checked 7 Oct 2026
API
Unauthenticated GET endpoints provide palette JSON, palette search, ranked palette lists, and PNG renders, with no API key required.checked 7 Oct 2026
Export formats
The service exports gradients as CSS, SVG, and PNG; palette pages also offer colors, ShaderToy, and JSON copy options.checked 7 Oct 2026
Gradient creation
It generates color gradients using Inigo Quilez’s cosine gradient technique and lets users customize style, angle, and steps.checked 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.checked 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.checked 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.checked 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.checked 7 Oct 2026
Palette search
Users can search palettes by descriptive queries such as a color, mood, or theme.checked 7 Oct 2026
Palette tools
Users can create, save, manage, browse, and like gradient palettes.checked 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.checked 7 Oct 2026
Purpose
Grabient is a free, web-based CSS gradient generator and palette management tool.checked 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.checked 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.checked 7 Oct 2026

Alternatives to Grabient

All alternatives
  1. 1Pantone Connect Palette Generator logo

    Pantone Connect Palette Generator

    Free planAndroidiOSWebExtension
    8.0Free plan
    Visit
  2. 2

    PaletteWB

    Free planWindows
    7.1$14.99 one-time
    Visit
  3. 3Colorfool logo

    Colorfool

    Free planWeb
    6.6Free plan
    Visit
  4. 4

    qualpal

    Open sourceWebAPILinuxmacOS
    6.6
    Visit
  5. 5ColorDesigner logo

    ColorDesigner

    Free planWebExtension
    6.5From $37.20 a year
    Visit
  6. 6ColorPalette Pro logo

    ColorPalette Pro

    Free planWeb
    6.5Free plan
    Visit