Color

Colors that hold up in both themes with contrast that passes, so you never ship a screen that’s unreadable in dark mode or fails accessibility.

What this skill does

Palettes built in OKLCH that hold up in both themes.

Works in OKLCH so palette math tracks perception instead of eyeballing
Builds tonal scales and multi-hue palettes, and derives the dark mode variants
Diagnoses and repairs text contrast against APCA and WCAG
Keeps colors inside sRGB or Display P3 gamut and defines Tailwind v4 theme tokens

Run the installer in your terminal to add this skill to your project:

$npx @aiforui/install emil-color --token=…

Omit the skill name to pick from all skills at once, and rename skills during install if you prefer different slash commands.

Once installed, use it when you need a palette, a dark mode derived from it, or contrast that actually passes. For example: