Chroma — Color Palette Generator
by Sarfaraj Ansari
Palettes, color conversion, gradients and WCAG contrast in one panel.
Installs
3
Likes
0
Users
18
Views
37
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.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility