Shade Library

Inspect 8,192 generated shade systems with 2 to 64 colors, OKLCH-driven tints and shades, harmony analytics, WCAG contrast checks, token exports, and CSS variables for design-system work.

8K Shades 2 to 64 Tokens OKLCH WCAG Contrast Harmony Analysis CSS / Tailwind Export

Advanced shade library backed by generated data with tokens, contrast, quality scores and export formats.

💡 Quick Start: pick any shade system in Library, inspect its tokens, review hue and tone distribution in Harmony, check contrast in Accessibility, then export CSS variables / Tailwind / SVG from Export. Press / to focus search.

Start Here Guided path: Browse -> Inspect -> Refine filters -> Analyze harmony -> Export.

Loading shade library...

🔍

No shade system selected

Click any shade card in the Library tab to inspect its tokens, contrast, OKLCH-style ramp behavior and export-ready variables.