0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Color Kit

Generate colors scales instantly

by Tushar Debnath

users
80K
likes
871
saves
51K
comments
16
FreeWorks inFigma Design
Price
Free
Latest version
v17 · Feb 5, 2025
First published
Jan 11, 2020
On this page
Overview

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.

Changelog

What's new

Version 17 · released Feb 5, 2025

  • Standard fixes
Trust

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.

Rankings

Where Color Kit ranks

Compare

Color Kit alternatives

  1. 1

    Color Palettes

    by Manthankumar Satani

    437K users3.9KFree

    A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥

  2. 2

    Color Designer

    by Wojciech Banaś

    110K users1.7KFree
  3. 108K users3.6KFree

    Create custom Tailwind CSS color scales based on a given Hex code or HSL color

  4. 4

    Supa Palette

    by Angelo Libero

    102K users2.8KFree + paid features

    The ultimate color palette generator for Figma

  5. 97K users833Free

    Quickly recolor for templates

  6. 6

    Chroma Colors

    by Miguel Solorio

    92K users966Free

    Create bulk color styles from selection

FAQ

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.

For developers

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.

Color Kit on figmaplugins.co

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>