Summary
- Strategically introduce color to monochromatic designs while maintaining hierarchy, accessibility, and visual restraint.
- Requires running the frontend-design skill first to establish design context and gather existing brand colors Guides systematic color application across semantic states (success, error, warning, info), accents, backgrounds, data visualization, borders, and typography Enforces a 60-30-10 color distribution rule and WCAG contrast compliance to prevent overwhelming or inaccessible designs Recommends OKLCH color space for perceptually uniform palettes and provides explicit anti-patterns (rainbow overuse, pure grays, color-only indicators)