What problem does it solve? Interfaces built with pure grayscale or a single timid accent feel dull and fail to communicate state, hierarchy, and brand personality. This Skill guides the systematic introduction of purposeful color so designs gain warmth, meaning, and visual interest without becoming chaotic. ## Core Features & Use Cases - Color Opportunity Assessment: Analyzes the current design for color absence, missed semantic opportunities, and existing brand colors before making changes. - Strategic Palette Planning: Defines a 60/30/10 dominant-secondary-accent structure with 2-4 colors beyond neutrals, using OKLCH for perceptually uniform scales. - Systematic Application: Applies color across semantic states, CTAs, backgrounds, data visualization, borders, typography, and decorative elements while enforcing WCAG contrast ratios. - Use Case: A dashboard built entirely in grays needs to feel more engaging. The Skill audits the UI, proposes a warm tinted-neutral base with a green success/amber warning/blue info semantic set, and colorizes primary buttons, status badges, and section headers while verifying accessibility. ## Quick Start Ask the AI to colorize the dashboard page because it looks too gray and needs a warmer, more expressive palette.
