Tints and Shades

Generate lighter and darker variations of any color.

by Seyi Oluwadare

users
73K
likes
918
saves
35K
comments
63
FreeWorks inFigma Design
Price
Free
Latest version
v4 · Aug 9, 2022
First published
Feb 16, 2021
On this page
Overview

About Tints and Shades

Tints and Shades is a free Figma plugin published by Seyi Oluwadare in 2021. It works in Figma Design and has 72,875 users and 918 likes on the Figma Community. It ranks #19 in Color Palettes on our lists.

In the developer's words

Generate lighter and darker variations of any color. Perfect for states or to add to your design system.

Changelog

What's new

Version 4 · released Aug 9, 2022

The developer didn't publish release notes for this version.

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 Tints and Shades ranks

Compare

Tints and 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

    Color Shades

    by Zach Krall

    167K users2.6KFree
  6. 6

    Palette

    by Dustin Mierau

    143K users1.7KFree

    Ideas for Color in Figma

FAQ

Tints and Shades FAQ

What does Tints and Shades do?

Generate lighter and darker variations of any color. It's a Figma plugin by Seyi Oluwadare that runs in Figma Design.

Is Tints and Shades free?

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

How do I install Tints and 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 Tints and 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 Tints and Shades: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Tints and Shades on figmaplugins.co

Style

Label

Size

Code

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

Want it featured on figmaplugins.co? Submit it for review