color-system
Installation
SKILL.md
Color System
Overview
A curated library of ready-to-use color palettes (light + dark) across four domains — web-app UI, marketing/landing, data visualization, and terminal/TUI — plus the methodology to build new palettes and verify their accessibility.
Core principle: choose colors by semantic role (background, text, primary, error…), not by raw hue. Every palette here maps hexes to roles, so a theme stays swappable, consistent, and accessible. Pick a role first, then read its hex — hardcoding a hex where a role belongs is what breaks theming later.
Navigation
The index and role contract below answer "which palette" on their own. Load one reference file when the task needs its payload — not all four.
| Load | When |
|---|---|
| references/palettes.md | You need actual hex values — any of the four domains, light + dark; the fill/subtle/emphasis triads; the 12-step scales behind Dusk, Driftwood and Meadow |
| references/contrast.md | Verifying WCAG/APCA thresholds, colorblind safety, or debugging a pair that fails |
| references/build-your-own.md | No library palette fits and you're generating a new scale (the OKLCH recipe) |
| references/theory.md | Choosing a harmony scheme, or justifying a color-space / scale decision |