Chinese Color AtlasRESOURCE PACK
Buy now · DIGITAL DOWNLOAD
Design teams · developers · AI artists

Complete Design Pack

133 organized files generated from one 161-color clean-source core: Figma Variables JSON, ASE, Procreate, web tokens, AI prompts, 21 corrected scene palettes, accessibility reports, and visual guides.

What You Get

Complete Design Pack cover
✓Adobe ASE for Photoshop, Illustrator, and InDesign
✓29 Procreate .swatches: 8 clean-core hue groups and 21 corrected scene palettes
✓CSS variables, Tailwind theme partial, and W3C DTCG tokens
✓Figma Variables JSON import file for design-system setup
✓161 clean-source AI prompt records for Midjourney, SDXL, and ComfyUI exploration
✓21 production-ready scene palettes with JSON, CSS, SVG previews, Procreate swatches, and pairwise contrast reports
✓Quick-start PDF and 22-page scene palette catalog
✓Canonical 161-color JSON with RGB, HSL, CMYK, reliability, and explicit MIT source rights

Best for

  • Teams using two or more design, development, or AI tools
  • Projects needing 21 reusable scene palettes and contrast reports
  • People handing clean-source data, palettes, and code files to a team

Not for

  • Looking up one or two colors—the free atlas already does this
  • Needing only one tool format—choose the matching $9 focused pack
ACTUAL DELIVERY TREE
00-START-HERE/
  QUICK-START.pdf · SCENE-PALETTE-CATALOG.pdf
01-FIGMA/variables/
02-ADOBE/ASE/
03-PROCREATE/{core,scenes}/
04-WEB-AND-TOKENS/{css,tailwind,dtcg}
05-SCENE-PALETTES/{21 × json,css,svg,swatches,accessibility}
06-AI-PROMPTS/
07-CLEAN-DATA/
LICENSE · ATTRIBUTION · RIGHTS-MANIFEST · CHANGELOG
manifest.json
CROSS-TOOL PREVIEW

One palette, from visual direction to design and code handoff

These public previews show how the Complete Pack is organized: choose a scene direction, then carry it into Figma, ASE, Procreate, tokens, and AI prompts.

guochao brand corrected clean-source Chinese color palette previewsong dynasty corrected clean-source Chinese color palette previewdunhuang silk road corrected clean-source Chinese color palette preview
DESIGN
Figma Variables · Adobe ASE · Procreate
CODE
CSS · Tailwind · DTCG · structured JSON
DIRECTION
21 scenes · SVG previews · contrast reports

The preview shows three corrected clean-source scenes. Complete 161-color multi-format files and importable assets remain inside the paid ZIP.

FILE LIST
✓ Adobe ASE for Photoshop, Illustrator, and InDesign
✓ 29 Procreate .swatches: 8 clean-core hue groups and 21 corrected scene palettes
✓ CSS variables, Tailwind theme partial, and W3C DTCG tokens
✓ Figma Variables JSON import file for design-system setup
✓ 161 clean-source AI prompt records for Midjourney, SDXL, and ComfyUI exploration
✓ 21 production-ready scene palettes with JSON, CSS, SVG previews, Procreate swatches, and pairwise contrast reports
✓ Quick-start PDF and 22-page scene palette catalog
✓ Canonical 161-color JSON with RGB, HSL, CMYK, reliability, and explicit MIT source rights
HOW TO USE
  1. Download and unzip the complete pack, then open README.md to choose the workflow you need.
  2. Use the matching files for Figma Variables, Adobe ASE, Procreate, CSS, Tailwind, DTCG, JSON, or AI prompts.
  3. Keep the included license and attribution notes with your team handoff, and contact support if a delivered file is inaccessible.
DELIVERY & SUPPORT

Delivered through Polar as cathycolor-complete-design-pack.zip. If files are missing, corrupted, or inaccessible, contact support@chinesecoloratlas.com.

Best-Fit Workflows

One handoff from design to code

The same 161-color clean-source core becomes Figma Variables JSON, CSS, Tailwind, DTCG tokens, and canonical JSON without value drift across tools.

Covers creative production tools

ASE, 29 Procreate swatches, 161 AI prompts, 21 corrected scene palettes, and accessibility reports support brand, illustration, UI, and AI exploration.

Best upgrade from SEO guides

If you arrive from the Figma, Tailwind, or Midjourney guides, this is the full workflow version of those single-use cases.

Free Samples

cathycolor-hot.swatchesProcreate · 8 popular Chinese Color Atlas starter colors0.3 KB ↓cathycolor-verified.swatchesProcreate · 30 source-backed color sample palette0.9 KB ↓cathycolor-term-lichun.swatchesProcreate · Lichun solar-term sample palette0.6 KB ↓cathycolor.cssPublic CSS custom properties sample for workflow testing27 KB ↓sample-figma-vars.jsonFigma Variables preview for testing import and naming conventions↗Figma Community sample fileDuplicate the free 24-color Figma Variables sample with Guochao, Song-inspired, and Dunhuang palettes↗sample-ai-prompts.txtSmall Midjourney, SDXL, and ComfyUI prompt preview↗

Related Packs

Chinese Festival Color Palette & Token Kit

Brand designers · design-system teams · frontend developers

$9

Procreate Swatches

Illustrators · digital artists

$9

CSS and Tailwind Token Pack

Frontend engineers · design-system builders

$9