1---
2tagline: "Add strategic color to monochrome interfaces without going garish."
3---
4
5## When to use it
6
7`/impeccable colorize` is the counterweight to "everything is gray". Dashboards that read as a beige wall, forms with no accent, content pages that could be any SaaS product. Reach for it when the interface is functional but emotionally flat, and you want warmth without tipping into the AI color palette (purple-to-pink, cyan neon, dark mode glow).
8
9## How it works
10
11The skill starts by reading your brand color if one exists, then decides where color earns its place:
12
131. **Primary action** gets the strongest expression of the brand hue.
142. **Secondary accents** get muted or tinted variants, not a second full color.
153. **Neutrals** get tinted toward the brand hue at low chroma (around 0.005 to 0.01), which is nearly invisible per pixel but creates subconscious cohesion.
164. **Content categories** get a limited, intentional accent system, not a rainbow.
17
18Importantly, it uses OKLCH rather than HSL so that equal lightness steps look equal. As lightness moves toward the extremes, chroma drops automatically. This is how you get color that feels considered instead of computed.
19
20## Try it
21
22```
23/impeccable colorize the dashboard
24```
25
26Expected diff:
27
28- Brand color moved from a hardcoded hex to `--color-accent: oklch(62% 0.18 240)`
29- Neutrals tinted with 0.007 chroma toward the brand hue
30- Primary button gets the full accent, secondary buttons get ink/mist
31- Chart series uses 3 distinct hues, all at matched lightness so no series visually dominates
32- Empty state illustration picks up a soft accent wash
33
34## Pitfalls
35
36- **Running it without a brand hue.** Colorize needs a starting point. If `PRODUCT.md` does not specify one, it will ask. Do not let it pick from the AI color palette defaults.
37- **Expecting it to fix the AI color palette problem.** If your design already has purple gradients and cyan neon, you need `/impeccable quieter` first, then colorize can rebuild.
38- **Using it on already-colorful interfaces.** That is a `/impeccable quieter` job. Colorize adds, it does not subtract.