Back to Plugins
HSLayer

HSLayer

Generate structured color palettes with precision and control

Plugin Preview

HSLayer preview

About this plugin

HSLayer is a color palette generation tool designed for designers who want full control over their color systems. It allows you to create structured palettes based on a single base color using customizable lightness steps and spacing logic.Instead of random shades, HSLayer builds consistent and scalable color systems for backgrounds, borders, interactive elements, and accessible states. You can fine-tune inner and between jumps to match your design language and ensure visual harmony across your UI.Ideal for building design systems, dark/light themes, and production-ready color tokens.

Plugin Details

Version1
CreatedMarch 30, 2026
Last UpdatedApril 1, 2026
CategoryAccessibility tools
CreatorAmiràl Nasseri
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:
    • none