Back to Plugins
Chroma — Color Palette Generator

Chroma — Color Palette Generator

Palettes, color conversion, gradients and WCAG contrast in one panel.

Plugin Preview

Chroma — Color Palette Generator 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

Version1
CreatedAugust 6, 2026
Last UpdatedAugust 6, 2026
CategoryAccessibility tools
CreatorSarfaraj Ansari
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none