Custom Theme Hue Changer

About this plugin

Custom Theme Hue Changer

Recolor without redesign. Safe hue shifts for custom themes.

Custom Theme Hue Changer lets you quickly change the hue of your custom themes while preserving structure, contrast, and design system logic.

The plugin works only with color variables and updates them in a controlled.

What it does

1. Shifts hue using HSL (keeps lightness and saturation)
2. Updates only color variables
3. Works inside a specific variable collection and mode
4. Supports custom Light and Dark themes
5. Saves hue presets
6. Allows import & export presets as JSON

How it works

Aliases, non-color variables, and other collections are left untouched.

⚠️ Important

This plugin is designed to work with a specific Variables structure.

By default, it looks for:

1. a variable collection named Palette
2. a mode named Color
3. variable groups prefixed with Custom Light and Custom Dark

These names must match exactly (including casing and slashes).

If your setup uses different names, you’ll need to rename them or adapt your structure accordingly.

Perfect for

1. Design systems with custom theming
2. Fast brand or product color exploration
3. Safe theme recoloring without redesign
4. Teams working with structured Figma Variables