# Color

> Build perceptually coherent color systems in OKLCH — palettes, ramps, semantic tokens, dark/light theme families, and contrast discipline. Use this skill whenever choosing ANY colors for visual work: UI themes, brand palettes, data-visualization series colors, game graphics, generative art, slides, or syntax themes. Trigger on requests like "pick colors", "make a palette", "add dark mode", "this…

- **Type:** Skill
- **Install:** `agentstack add skill-jangles-byte-atelier-color`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [jangles-byte](https://agentstack.voostack.com/s/jangles-byte)
- **Installs:** 0
- **Category:** [Search](https://agentstack.voostack.com/c/search)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [jangles-byte](https://github.com/jangles-byte)
- **Source:** https://github.com/jangles-byte/atelier/tree/main/skills/color

## Install

```sh
agentstack add skill-jangles-byte-atelier-color
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [jangles-byte](https://github.com/jangles-byte)
- **Source:** [jangles-byte/atelier](https://github.com/jangles-byte/atelier)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-jangles-byte-atelier-color
- Seller: https://agentstack.voostack.com/s/jangles-byte
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.