Color Palette & System: AI Skill for UX Design

Color Palette & System is an AI skill that builds palettes on roles, tonal scales, and tokens instead of one nice blue. It keeps neutrals dominant and accents rare, so nothing turns garish.

npx skills add Uxcel-Lab/product-skills --skill ux-color

Copied

What this skill does

Helps an AI assistant build color palettes that work as a system, not one nice hue with no plan.

Establishes brand, audience, market, and mode requirements before picking any hue.
Builds the palette on a harmony scheme, then refines saturation and brightness.
Keeps neutrals dominant with the 60-30-10 rule and one sparing accent.
Defines color by role: primary, secondary, tertiary, neutral, and functional.
Separates semantic colors like error and success from brand colors.
Generates tonal scales and exposes them as named tokens.
Designs dark mode with semantic colors, not simple inversion.
Hands the palette to accessibility and aesthetics audits before calling it done.

When to use it

Use it when you need an AI assistant to:

create a color palette for a new product;
choose UI colors that match the brand;
build a color system with roles and tokens;
add semantic colors for success, warning, and error states;
design dark mode without inverting light mode;
review a palette for arbitrary or garish choices.

Decisions this skill helps you make

Decision	Options
Base hue	One intentional hue tied to brand and industry, not taste
Harmony scheme	Analogous or monochromatic for calm; complementary softened with tints and neutrals
Saturation	High for playful, energetic brands; restrained for premium and enterprise
Cultural adaptation	Validate key hues per market, or keep settled single-market conventions
Number of accents	One accent plus functional colors; a second only if it earns a role
Dark mode	Semantic colors designed for both modes, or light mode only