# Color

> Color

- Skill: `jangles-byte/color` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add jangles-byte/color`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jangles-byte/color/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: jangles-byte (https://skillmd.com/u/jangles-byte)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jangles-byte/color

---


# Color

Color decisions in this package are made in **OKLCH** (perceptual lightness L, chroma
C, hue H), not hex or HSL, because equal numeric steps in OKLCH are equal *perceived*
steps — which is what makes ramps even, themes coherent, and contrast predictable.
Hex is only an output format.

## Workflow

1. Read the design philosophy (from `design-direction`); the palette's emotional
   register comes from there, not from this skill.
2. Construct the palette in OKLCH using
   [references/palette-construction.md](references/palette-construction.md) — anchor
   hue → neutral ramp (tinted, never pure grey) → accent ramp → semantic colors.
3. If the work has themes, build dark and light as **sibling palettes, not
   inversions**, per [references/themes.md](references/themes.md).
4. Verify every text/background pair against
   [references/contrast-and-restraint.md](references/contrast-and-restraint.md)
   before shipping; it also covers when glow/saturation is earned vs. noise.

## Which reference to load

| Situation | Load |
|---|---|
| OKLCH mechanics, converting, browser/tool support | `references/oklch-foundations.md` |
| Building a palette, ramps, data-viz series colors | `references/palette-construction.md` |
| Dark mode, theme families, elevation in dark UIs | `references/themes.md` |
| Contrast checking, WCAG/APCA, glow & saturation discipline | `references/contrast-and-restraint.md` |

## Non-negotiables

- Body text meets WCAG AA (4.5:1) minimum; UI chrome ≥ 3:1. Check, don't eyeball.
- Neutrals carry a trace of the anchor hue (C ≈ 0.005–0.02). Pure grey reads dead.
- One color is the loudest in any view. If two compete, demote one.
- Never ship a palette without rendering it in the real artifact and running the
  `critique` skill on the result.