What problem does it solve? Interfaces built with pure grayscale or a single timid accent often feel dull, lack visual hierarchy, and miss opportunities to communicate state and meaning. This Skill guides the deliberate introduction of color so designs gain warmth, hierarchy, and semantic clarity without descending into chaotic rainbow palettes. ## 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 2-4 color palette with a 60/30/10 dominant-secondary-accent distribution and OKLCH-based perceptually uniform scales. - Systematic Application: Applies color across semantic states, CTAs, backgrounds, data visualizations, borders, typography, and decorative elements while enforcing WCAG contrast ratios. - Use Case: A dashboard built entirely in gray tones feels lifeless. Invoke this Skill to add a warm tinted neutral background, a brand-colored primary button, green/red status badges, and colored section headers while keeping contrast accessible. ## Quick Start Ask the AI to colorize the current page or component because the design looks too gray and needs more warmth and visual hierarchy.
