colorize

To colorize a monochromatic UI, this Skill identifies opportunities to apply strategic color for conveying status, hierarchy, and emotion, ensuring the interface becomes visually warmer and more engaging while enforcing a 2-4 color palette with dominant, secondary, and accent roles.

You can plan a brand-aligned color palette by enforcing a 2-4 color limit with dominant, secondary, and accent roles, using OKLCH-based choices to maintain visual consistency across branding contexts and UI states.

Yes, the colorization process includes accessibility considerations by using OKLCH-based color choices to improve contrast and ensure semantic states, accents, and typography remain visually clear for all users.

The best way to apply color across UI states is to map a minimal 2-4 color palette consistently across semantic states, accents, backgrounds, typography, and decorative elements to convey meaning and hierarchy without visual clutter.

You should avoid adding more colors once you exceed a 2-4 color palette plus neutrals, as exceeding this limit disrupts brand alignment and creates visual clutter instead of purposeful hierarchy and emotional warmth.