Colorly - Shades Generator

About this plugin

Colorly Shades Generator helps designers quickly create lighter and darker shades from any base color directly inside Figma. Instead of manually adjusting colors, simply select a color and generate a complete set of balanced shades in seconds.This tool is perfect for building design systems, UI color scales, component states (hover, active, disabled), and consistent color palettes.Whether you're designing a website, mobile app, or product UI, Colorly makes it easy to maintain visual consistency and structured color variations.Features• Generate multiple lighter and darker shades instantly• Create structured color variations for design systems• Perfect for UI states like hover, active, and disabled• Works with any base color• Copy and apply shades quickly in your designsPerfect forUI/UX DesignersProduct DesignersDesign SystemsWeb & App InterfacesCreate consistent color shades and speed up your design workflow with Colorly Shades Generator.