Easy Tint & Shade Generator
Design faster and smarter, instantly turns any hex color into a beautiful, multi-step color palette.
Plugin 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
Version | 2 |
---|---|
Created | August 8, 2025 |
Last Updated | August 9, 2025 |
Category | Accessibility tools |
Creator | Ngô Hiếu |
Stats | 1 installs, 2 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥