On this page
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.
What's new
Version 4 · released Aug 9, 2022
The developer didn't publish release notes for this version.
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.
Where Tints and Shades ranks
Tints and Shades alternatives
- 1

Color Palettes
by Manthankumar Satani
450K users4KFreeA free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
- 2

Color wheel palette generator
by Figma Community
404K users532FreeGenerate color palettes
- 3

Foundation
by Jorge Fernandes
268K users3KFree - 4

Coolors
by Coolors
259K users7.3KFree - 5

Color Shades
by Zach Krall
167K users2.6KFree - 6

Palette
by Dustin Mierau
143K users1.7KFreeIdeas for Color in Figma
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.
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.
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
