CanDoYa Accessible Palette Generator vs Grabient
CanDoYa Accessible Palette Generator
candoya.comGrabient
grabient.comSide by side
| Figure | CanDoYa Accessible Palette Generator | Grabient |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| API | — | Yes |
| Plans published | 1 | 1 |
| Spec score · Color Palette Generators | 7.9 (#9) | 7.6 (#14) |
| Integrations | The product page documents copyable CSS variables; it does not list third-party 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. |
| Purpose | Turns a brand color and page background into UI color roles and checks intended foreground/background pairs against WCAG contrast thresholds. | Grabient is a free, web-based CSS gradient generator and palette management tool. |
Plans
CanDoYa Accessible Palette Generator
- Accessible Color Palette GeneratorFree
In their own words
CanDoYa Accessible Palette Generator
CanDoYa Accessible Palette Generator is a free web and browser-extension tool that turns a brand color and page background into interface color roles. It generates text, muted text, surface, primary, on-primary, accent, and border colors, then checks intended foreground/background pairs against WCAG contrast thresholds. Users choose AA or AAA targets and receive exact ratios with pass or fail results. The generator keeps the chosen hue and saturation where possible, searching lighter or darker variants to meet the selected ratio. Accent colors may use analogous, complementary, or triadic hues and receive the same contrast check. A live interface preview shows the palette in context. Individual HEX values or a complete CSS custom-property block can be copied. Palette generation, contrast measurement, and CSS export run locally in the browser, and entered colors are not uploaded. The free plan allows unlimited palettes without an account or usage limit. Most tools continue working offline after the page loads. The report evaluates opaque sRGB contrast only and does not establish whole-product accessibility.
Grabient
Grabient is a free web-based tool for making CSS gradients and managing palettes. Users can adjust gradient style, angle and steps, then create, save, browse, manage or like palettes. Search accepts descriptive terms such as colors, moods or themes. 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, so repeating the same seed reproduces its colors. Generated or exported gradients may be used for 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 output has size caps. Grabient recommends itself for UI palettes, gradients and backgrounds, not accessibility contrast checks, image palette extraction, exact brand-hex matching or print/CMYK work.