On this page
About Color Kit
Color Kit is a free Figma plugin published by Tushar Debnath in 2020. It works in Figma Design and has 80,257 users and 871 likes on the Figma Community. It ranks #9 in Color Palettes on our lists.
In the developer's words
A plugin to help you generate lighter, and darker shades of a particular color.
You can use it to create color scales.
What's new
Version 17 · released Feb 5, 2025
- Standard fixes
Permissions and privacy
Network access
Color Kit can only connect to the domain declared in its manifest: color-kit-plug.vercel.app/.
- color-kit-plug.vercel.app/
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Color Kit ranks
Color Kit alternatives
- 1

Color Palettes
by Manthankumar Satani
437K users3.9KFreeA free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- 2

Color Designer
by Wojciech Banaś
110K users1.7KFree - 3

Tailwind CSS Color Generator
by Erik de Vries
108K users3.6KFreeCreate custom Tailwind CSS color scales based on a given Hex code or HSL color
- 4

Supa Palette
by Angelo Libero
102K users2.8KFree + paid featuresThe ultimate color palette generator for Figma
- 5

Find and Replace Colors
by Wei Zhong
97K users833FreeQuickly recolor for templates
- 6

Chroma Colors
by Miguel Solorio
92K users966FreeCreate bulk color styles from selection
Color Kit FAQ
What does Color Kit do?
Generate colors scales instantly. It's a Figma plugin by Tushar Debnath that runs in Figma Design.
Is Color Kit free?
Yes. Color Kit is free to install and run from the Figma Community, with no paid tier listed.
Is Color Kit safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Color Kit can only connect to the domain declared in its manifest: color-kit-plug.vercel.app/. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Color Kit?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Color Kit?
By user count, the closest alternatives are Color Palettes, Color Designer and Tailwind CSS Color Generator. Compare all of them on the best Figma plugins for color palettes.
Built this plugin?
Use this page as a landing page for Color Kit: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/color-kit/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color Kit on figmaplugins.co" width="220" height="48"></a>