ProColors

About this plugin

ProColors

The ultimate color system toolkit for Figma. Build production-ready palettes, themes, and design tokens in seconds.

Create

- Generate shade scales from any color

- Build semantic token systems (primary, secondary, success, error, warning, info, neutral)

- Create mesh gradients with draggable control points

- Design multi-brand color palettes

Theme

- Preview colors across Light, Dark, Dim, and AMOLED themes

- Create custom themes with live UI preview

- Export themes directly to Figma Variables with auto-inverted dark mode colors

Test

- Check WCAG 2.1 contrast (AA/AAA compliance)

- Simulate 8 types of color blindness

- Preview colors on real UI components

- Analyze color distribution with heatmaps

Export

- Figma Variables & Styles

- CSS Variables, Tailwind Config, JSON

- iOS Swift, Android XML, CSV

- Transfer tokens between Figma files

Explore

- Browse curated color palettes

- Discover gradient collections

- One-click apply to your project

Everything updates in real time. Works with your existing Figma Variables.