The Color Tools for Figma
Generate palettes and match 23,000+ swatches without leaving Figma
Press Space for a new palette, pull colors from any image, and save them as Figma color styles or variables. Free, no account needed, and it never sends your files anywhere.
What it does
- ✓Palette generator with 7 harmony modes and color locking
- ✓Palette from any image fill in your file
- ✓Save palettes as color styles or Figma variables
- ✓110 curated palettes plus 134 artist palettes
- ✓20 libraries, 23,496 swatches: TCT, RAL Classic, Material 3, named colors
- ✓Nearest match for any fill, ranked by ΔE 2000
- ✓Import Adobe .ase swatch files
- ✓Color wheel with 8 harmony rules
- ✓Harmonized equal-contrast scales and rainbow palettes
- ✓Tailwind 50–950 and Material tonal scales
- ✓Light, Dark and Dim theme as Figma variables with modes
- ✓Brand colors for 20 design systems (Tailwind, Radix, shadcn, Material 3…)
- ✓WCAG + APCA contrast check with auto-fix
- ✓Contrast matrix for every color pair
- ✓Simulate 14 vision conditions on any frame
- ✓Dashboard, landing page and mobile mockups from your palette
- ✓Color names, and rename layers by color
- ✓Gradients, color-blindness preview, 8 color formats
- ✓Generative fluid, mesh and noisy gradients
- ✓Export to CSS, Tailwind, tokens, SwiftUI, Android
- ✓Recolor: swap a color across every selected layer
Setup
Three steps. About five minutes.
01
Install
Find The Color Tools in the Figma Community and click Open in… or Save.
02
Run
In any Figma file, open Plugins → The Color Tools.
03
Generate and save
Press Space until you like a palette, lock the colors you want, then Save styles or Save variables.
Changelog
- v1.0.0Coming soonFirst release: generator, image palettes, styles and variables, swatch libraries, match, .ase import