Colour engineering
Chromary
One repository for every colour decision: perceptual colour spaces, WCAG and APCA contrast, design-system scales, scientific colormaps, gradients and palette generation.
- Licence
- MIT
- Guides
- 16
- Agent skills
- 6
- Playground
- Single HTML file, no build
What is inside
The Vault
16 deep-dive guides, from REST colour APIs and perceptual colour spaces to print standards, game palettes and a glossary in plain English.
Agent skills
Six installable skills with hard gates: palette generator, contrast auditor, theme builder, dataviz colormaps, gradient smith and image palette.
MCP server
A working starter server in TypeScript that gives an agent live palette generation and colour information tools.
Recipes
Nine copy-paste recipes in JavaScript, Python and CSS, including a Tailwind-style 50 to 950 scale built in OKLCH.
Chroma Lab
A single self-contained page: palette generator, WCAG contrast checker and six perceptual gradient cards with copy-CSS buttons.
Tool selection matrix
One table that maps a task to a first choice, an alternative, a skill and a guide.
Find what you need
- Pick a palette that works: guide 08, skill
palette-generator. - Make a UI pass WCAG and APCA: guide 04, skill
contrast-auditor. - Build a Tailwind or shadcn theme: guide 05, skill
theme-builder. - Chart scientific data correctly: guide 06, skill
dataviz-colormaps. - Stop gradients turning grey in the middle: guide 07, skill
gradient-smith.
Install the skills
git clone https://github.com/izynu/chromary.git
mkdir -p .claude/skills && cp -r skills/* .claude/skills/Try the tools without installing anything
Chroma Lab runs offline in a single page.