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 Shades

by Zach Krall

users
167K
likes
2.6K
saves
60K
comments
49
FreeWorks inFigma Design
Price
Free
Latest version
v4 · Apr 20, 2022
First published
Jan 9, 2021
Publisher
Zach Krall
Features

What Color Shades does

Summarised from Zach Krall's description on the Figma Community.

  • Enter a base color with the color picker (square next to hex value) or typing…

  • Adjust the contrast by clicking and dragging on the contrast value or by…

On this page
Overview

About Color Shades

Color Shades is a free Figma plugin published by Zach Krall in 2021. It works in Figma Design and has 167,139 users and 2,632 likes on the Figma Community. It ranks #5 in Color Palettes on our lists.

In the developer's words

Generate multiple shades from the same base color.

  • Enter a base color with the color picker (square next to hex value) or typing a hex value into the input field.
  • Adjust the contrast by clicking and dragging on the contrast value or by entering a number between 0-100.
Changelog

What's new

Version 4 · released Apr 20, 2022

  • Fixes a bug when entering color codes using the text input
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Color Shades ranks

Compare

Color Shades alternatives

  1. 1

    Color Palettes

    by Manthankumar Satani

    450K users4KFree

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

  2. 404K users532Free

    Generate color palettes

  3. 3

    Foundation

    by Jorge Fernandes

    268K users3KFree
  4. 4

    Coolors

    by Coolors

    259K users7.3KFree
  5. 5

    Palette

    by Dustin Mierau

    143K users1.7KFree

    Ideas for Color in Figma

  6. 6

    Dark Mode Magic

    by Руслан Гуменный (@fanruten)

    135K users1.6KFree

    dark_mode, theme, palette

FAQ

Color Shades FAQ

What does Color Shades do?

It's a Figma plugin by Zach Krall that runs in Figma Design.

Is Color Shades free?

Yes. Color Shades is free to install and run from the Figma Community, with no paid tier listed.

How do I install Color Shades?

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 Shades?

By user count, the closest alternatives are Color Palettes, Color wheel palette generator and Foundation. 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 Shades: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Color Shades on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/color-shades/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color Shades on figmaplugins.co" width="220" height="48"></a>