Back to Plugins
Colors Palette Generate

Colors Palette Generate

Instantly generate a perfect 11-step color palette for your UI designs from a single Hex code

Plugin Preview

Colors Palette Generate preview

About this plugin

Colors Palette Generate is a lightweight workflow utility designed to help you quickly build consistent color systems for web interfaces and software modules.How it works:Enter any base Hex color into the plugin.The tool uses HSL calculations to intelligently generate an 11-step lightness scale (from 50 to 950), keeping your base hue perfectly intact.Click "CREATE" to automatically render the entire palette onto your canvas as perfectly arranged swatches.Say goodbye to manually tweaking lightness levels. Whether you are defining primary and secondary color tokens or building a comprehensive design system, this plugin automates the tedious work so you can focus on the layout.This plugin is completely free to use. If you find it helpful to your workflow, you can support my work here: https://paypal.me/hiiamdungnt

Plugin Details

Version6
CreatedAugust 4, 2026
Last UpdatedAugust 5, 2026
Categoryshapes-colors
CreatorHiiamdungnt
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    Load Tailwind CSS and Chroma.js from CDNs

  • Editor Types:
    figma
  • Allowed Domains:
    • *

More Like This

Discover other plugins in the shapes-colors category.