Control visual weight
Use primary, secondary, and accent roles to keep screens from becoming visually noisy.
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.
Get free on Figma ↗
Free
Purpose
Give every color a roleA clear starting point for balanced interface colors. Use dominant, secondary, and accent roles to control visual weight before refining your UI.
Workflow
Three focused stagesGenerate faster starts
Create a useful palette direction quickly before refining tokens, states, contrast, and accessibility details.
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.
Main Features
Palette essentials- Primary, secondary and accent color roles
- Palette structure based on the 60-30-10 rule
- Color-math logic for harmonious palette directions
- Free plugin available on Figma Community
Designed for balance
Build a useful palette direction for layouts, components, dashboards, and product UI, then refine contrast and accessibility for your design.