- Home
- Color Palette Generators
- Grabient
Grabient
What it is
Grabient is a free web-based CSS gradient generator and palette management tool. It creates gradients using 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 with descriptive queries 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 lists, and PNG renders without an API key. Each palette is set by a URL seed, so using the same seed produces the same colors. Generated gradients may 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. The documented API and image reads are limited to 300 requests per 10 seconds per IP, and PNG dimensions are capped. Grabient recommends the tool for UI palettes, gradients, and backgrounds, not accessibility checks, image palette extraction, exact brand matching, or print work.
For and against
For
- Free web-based gradient generation.
- Exports CSS, SVG, and PNG.
- Palette search accepts descriptive queries.
- Unauthenticated API reads need no key.
- Allows lawful personal and commercial use.
Against
- Not intended for accessibility contrast checks.
- Does not extract palettes from images.
- Print and CMYK work are excluded.
- API and image reads are rate-limited.
The verdict
Grabient brings gradient creation, palette management, export, and API access together in a free web tool. It is aimed at screen palettes and backgrounds rather than image extraction, accessibility review, or print color work.
Who it suits
Grabient suits people making gradients, palettes, and backgrounds for screen-based projects, including users who want to export or retrieve palette data. Its documented limits and exclusions matter for high-volume requests, print work, and accessibility checks.
Plans and prices
Free
No API key or signup for documented reads; 300 requests per 10 seconds per IP across API, PNG, and JSON reads
Read 7 Oct 2026 · grabient.com
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