Tint & Shade Generator
by Michael Edelstone
Easily make tints and shades in 5%, 10%, or 20% increments
Installs
155
Likes
35
Users
724
Views
1,562
Preview
About this plugin
Instantly turn any hex color into a clean, structured palette of tints and shades, right inside Figma. Built to match the meticulous output of the popular Tint & Shade Generator web app, this plugin makes it easy to explore color scales, build design systems, and generate token-ready palettes in seconds.
What you can doGenerate palettes from one or more hex values (supports hex, #hex, and shorthand)Choose 5, 10, or 20 stepsAdd related palettesCreate local paint stylesWhy designers use itConsistent, predictable color mathFast palette explorationPerfect for design systems, UI kits, and handoffMatches modern frontend tooling output (Sass, PostCSS)It's open source! If you notice a bug or want improvements, please file an issue on GitHub or email me the details.