Back to Plugins
Tintory - Color Shade Generator

Tintory - Color Shade Generator

Your colour. Perfectly scaled.

Plugin Preview

Tintory - Color Shade Generator preview

About this plugin

Generate seamless colour scales from a single hex code


This Figma plugin lets you instantly create a full range of tints and shades from just one colour input. Whether you’re designing a UI kit, building a design system, or fine-tuning a theme, this tool helps you stay consistent, accessible, and visually cohesive. Once generated, you can export one, many, or all shades as Figma styles or variables—in just one click.


Benefits:


  1. Save time on manual colour creation and styling
  2. Ensure visual consistency across your design system
  3. Quickly test themes with dynamic palettes
  4. Improve accessibility with better contrast control
  5. Export shades as styles or variables in a single click—no manual setup needed


Features:


  1. Input a single hex code to generate a full colour scale
  2. Create customisable ranges of light-to-dark tones
  3. Export any or all shades as Figma styles or variables
  4. Built-in accessibility preview for contrast compliance
  5. Choose the position of your main colour between auto or middle

Plugin Details

Version9
CreatedApril 18, 2025
Last UpdatedAugust 3, 2025
Categorydesign-tools-other
CreatorArnav Mahajan
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://genomatorserver.creatixinnovations.com
    • https://api.gumroad.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://genomatorserver.creatixinnovations.com