CPalette

About this plugin

CPalette is a precision tool designed to build balanced UI color schemes instantly. It follows the classic 60-30-10 design principle—60% Primary, 30% Secondary, and 10% Accent—to ensure perfect visual weight in your layouts.

The plugin utilizes advanced color-math algorithms to generate harmonies that aren't just random, but aesthetically and technically sound.

-----------------------------------------------------------------------

✨ Key Features:

Two Core Modes:

1. Regular: Generates diverse harmonies including Analogous, Split-Complementary, and Triadic schemes.

2. Mono (Dynamic): Creates sophisticated monochrome palettes using subtle hue-shifting. Instead of flat brightness changes, it adjusts the hue slightly for better depth and professional contrast.

1. 🎨 Smart Apply: Automatically distributes colors based on object size. The largest layers get the 60% shade, medium layers get 30%, and small UI elements get the 10% accent.

1. ⚡ Instant Manual Apply: Select any object or text on your canvas and click one of the three colors in the plugin to apply it immediately.

1. 📋 HEX Clipboard: Click any color box to instantly copy its HEX code.

1. 🖼️ Canvas Palette: Generate a clean, labeled visual guide of your current colors directly on your workspace.

Perfect for: UI/UX Designers, Developers, and Design System architects looking for a fast, rule-based approach to color.

-----------------------------------------------------------------------

2. Instructions

🚀 How to use:

1. Generate: Hit Generate to create a new rule-based color combination.

2. Toggle Mode: Use the switch to choose between Regular (diverse harmonies) and Mono (refined monochrome).

3. Smart Apply:

1. Select multiple UI elements.
2. Click "Apply to Selected".
3. The plugin auto-assigns colors: Largest = 60%, Medium = 30%, Smallest = 10%.

4. Create Palette: Click "Create Palette" to place the color guide on your canvas.

5. Copying HEX Codes: * Hover your mouse over a color box.

Click exactly on the white HEX pill (e.g., #F5F5F5) that appears to copy the value.