Choose a plan that fits your workflow
Flexible plans for every stage of your design workflow - whether you're
exploring colors or shipping tokens to code.
Free
Get started with essential color tools for personal projects.
ColoRamp Pro
Unlock the full power of Pigment Lab and Code Hub. Unlimited palettes, advanced exports, and much more.
Free plan is available for everyone with a figma account.
No credit card needed.
Not sure which plugin is for you?
Pigment Lab
Create complete color systems from a single starting point. Build harmony-based palettes, generate adjustable color ramps in Linear or Perceived OKLCH mode, and turn them into Figma variable tokens for primitives, intents, and spacing.
Code Hub
Prepare your Figma variables for developer handoff. Add code syntax for CSS, SCSS, Tailwind, Swift, Kotlin, React and more, then export variables and styles as structured JSON files for implementation workflows.
Compare all Features
Features
Free
Pro
Pigment Lab
1
Unlimited
5
Unlimited
Linear (HSL)
Linear (HSL) & Perceived (OKLCH)
11
3-21 (Odd)
Code Hub
CSS, SCSS
CSS, SCSS, Tailwind, Flutter, Swift, Kotlin, React, React Native, JSON