FILE LIST
✓ CSS custom properties for all 567 Chinese traditional colors
✓ Tailwind theme partial with stable token names
✓ W3C DTCG design tokens for design-system handoff
✓ Full JSON dataset with RGB, HSL, CMYK, scenes, prompts, and relations
Chinese Color AtlasRESOURCE PACK
Buy now · DIGITAL DOWNLOAD
Frontend engineers · design-system builders
Frontend engineers · design-system builders
CSS and Tailwind Token Pack
Drop-in CSS variables, Tailwind theme partial, W3C DTCG tokens, and structured color JSON for Chinese-inspired UI systems.
What You Get
✓CSS custom properties for all 567 Chinese traditional colors
✓Tailwind theme partial with stable token names
✓W3C DTCG design tokens for design-system handoff
✓Full JSON dataset with RGB, HSL, CMYK, scenes, prompts, and relations
HOW TO USE
- Download and unzip the resource pack.
- Choose the right file for your tool: .swatches, .ase, CSS, Tailwind, DTCG, Figma Variables, or AI prompts.
- Use the free samples to test the import flow first, then drop the full files into your project or design file.
DELIVERY & SUPPORT
Delivered through Polar as cathycolor-developer-token-pack.zip. If files are missing, corrupted, or inaccessible, contact support@chinesecoloratlas.com.
Best-Fit Workflows
Built for Tailwind and CSS projects
Turn Chinese traditional colors into stable token names, CSS custom properties, Tailwind theme partials, and DTCG JSON.
Ready for design-system mapping
Keep color names in primitive tokens, then map them to semantic roles such as brand, surface, text, border, and accent.
More focused than the Complete Pack
Choose this pack when you only need web and product UI handoff, not Figma, Procreate, ASE, or AI prompt assets.
Free Samples
USING MULTIPLE TOOLS?
The Complete Pack bundles Figma, ASE, Procreate, CSS, Tailwind, and AI prompts together.
If you use more than one tool, the Complete Pack is the cleaner upgrade: one download covering design, development, and AI creation handoff.