Back to Plugins
Colour Tones Builder

Colour Tones Builder

Generate perceptually uniform colours.

Plugin Preview

Colour Tones Builder preview

About this plugin

This plugin helps users generate colour tones with consistent perceived spacing by working in a perceptual colour space. Users can create multiple palettes by providing base Hex values and palette names.Colour managementThe plugin uses OKLCH to normalise Hex inputs and generate tone scales. Contrast and chroma are solved in OKLCH relative to pure white and pure black, producing tones that feel evenly distributed to the eye, especially in lighter ranges. Lightness is solved in OKLCH, using APCA-style checks so pairs behave better in real UI than ratio alone.SpecificationsIf no name is provided, the plugin generates the palette name from the detected hue.Measured WCAG contrast may differ slightly from target values due to colour space conversion and display constraints.

Plugin Details

Version9
CreatedNovember 5, 2025
Last UpdatedMay 10, 2026
Categoryshapes-colors
CreatorMatteo
Stats5 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:
    • none

More Like This

Discover other plugins in the shapes-colors category.