Back to Plugins
Easy Tint & Shade Generator

Easy Tint & Shade Generator

Design faster and smarter, instantly turns any hex color into a beautiful, multi-step color palette.

Plugin Preview

Easy Tint & Shade Generator preview

About this plugin

🔍 Auto-generate palettes: Enter a single hex color and generate up to 10 harmonious color steps.

🎨 Named palettes: Each palette comes with a suggested name (e.g. Intense Ruby) for better organization and communication.

🏷️ Shades with meaningful labels: Includes accessible tokens like 50, 200, 400, 600 (base), 700, and 900.

📂 Multi-output: Instantly create styles or color variables from the palette with one click.

⚡ Fast & intuitive: Lightweight UI for quick iteration right inside your workflow.

Ideal for design systems, theme building, or anytime you need consistent and scalable color palettes.

Plugin Details

Version2
CreatedAugust 8, 2025
Last UpdatedAugust 9, 2025
CategoryAccessibility tools
CreatorNgô Hiếu
Stats1 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none