Chroma — Color Palette Generator
Palettes, color conversion, gradients and WCAG contrast in one panel.
Plugin Preview
About this plugin
Chroma is a small, fast color toolkit that keeps you inside Figma instead of bouncing between browser tabs.PALETTESPick a base color, choose a harmony — analogous, complementary, triadic, split complementary or monochromatic — and get 2 to 7 balanced colors instantly. Drop the whole set onto the canvas as a labelled auto-layout frame, copy it as CSS custom properties, or click any swatch to copy its HEX. "Surprise me" generates a fresh combination when you need a starting point.CONVERTPaste a HEX, rgb() or hsl() value and read it back in all three formats. Copy any of them with one click.GRADIENTSCombine up to five color stops, pick horizontal or vertical, then add the gradient to the canvas as a real Figma fill or copy the equivalent CSS.CONTRASTCheck any text and background pair against WCAG AA and AAA for both normal and large text, with a live preview of the actual result. Auto balance picks the readable text color for you.
Plugin Details
| Version | 1 |
|---|---|
| Created | August 6, 2026 |
| Last Updated | August 6, 2026 |
| Category | Accessibility tools |
| Creator | Sarfaraj Ansari |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.