Skip to content

Repository files navigation

Color Shuffler

Figma plugin for exploring and adjusting UI color palettes directly on real designs. Shift colors across the OKLCH spectrum while preserving perceived lightness, tune neutrals separately, build more complementary palettes, and experiment with light/dark theme conversion.

Color Shuffler is completely free. Everything runs locally — no analytics, no tracking, and no network access.

Open in Figma Community

Features

  • Explore color variations while preserving perceived lightness
  • Shift colors across the OKLCH spectrum without losing visual balance
  • Adjust neutral and near-neutral colors separately
  • Turn existing colors into a more complementary palette
  • Control hue, exposure, chroma, tint, and contrast in real time
  • Preview changes and apply them directly to the selected design
  • Experiment with light-to-dark and dark-to-light theme conversion

Theme conversion is still experimental and may not produce reliable results for every design.

Tech Stack

  • React — plugin interface
  • Culori — color conversion and manipulation
  • APCA — perceptual contrast calculations
  • TypeScript — application code
  • Vite and esbuild — build tooling

You can also try

TinyPics — Fast Local Image Compressor.

License

This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0). See LICENSE for the full license text.

About

No description, website, or topics provided.

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages