Chromary, the armory of color. The most complete color engineering toolkit for humans, designers and AI agents.

Live playground, zero dependencies, zero build. A taste of the full toolkit: 200+ resources, 6 AI agent skills, MCP server, recipes.

200+ resources 6 agent skills MCP ready 9 recipes
Star Chromary on GitHub Read the full README

01 Palette Generator

Pick a seed color and a harmony mode. Click any swatch to copy its hex. (Powered by color theory math right here in your browser, the repo's skills do this plus WCAG gating.)

02 WCAG Contrast Checker

Real WCAG 2.1 math, computed locally. Body text needs 4.5:1 (AA); large text and UI components need 3:1.

#1f2937
#f4f4f5
AA body 4.5:1 AA large 3:1 AAA 7:1
Large heading preview
Body text preview, the quick brown fox jumps over the lazy dog. 0123456789.

03 Perceptual Gradient Gallery

Every gradient below interpolates in oklab / oklch, no gray dead zones. Copy the CSS straight into your project.

04 Agent Skills

This playground is the shallow end. The repo ships six installable SKILL.md skills that give AI agents expert color abilities.

copied ✓