Figma plugin

CPalette

CPalette is a free Figma Community plugin for creating balanced UI color palettes. It uses the classic 60-30-10 principle to separate dominant, secondary, and accent colors, then applies color-math logic to help generate harmonious palette directions faster.

Color palette 60-30-10 rule Free plugin
CPalette Figma color plugin preview

Why designers use it

Balance

Control visual weight

Use primary, secondary, and accent roles to keep screens from becoming visually noisy.

Speed

Generate faster starts

Create a useful palette direction quickly before refining tokens, states, contrast, and accessibility details.

UI work

Stay interface-focused

The palette structure is meant for layouts, components, dashboards, and product UI composition. It gives primary, secondary, and accent colors a clear role before the UI becomes visually crowded.