Chinese Color AtlasFREE SAMPLES
OPEN GITHUB REPOSITORY
CSS · TAILWIND · FIGMA · PROCREATE

Free Chinese Traditional Color Tokens

Download public Chinese Color Atlas samples: CSS variables, Tailwind colors, DTCG tokens, Figma Variables examples, and Procreate swatches.

BUILT FOR SHARING

Put Chinese traditional colors into your workflow first

This page and the public GitHub repository are made for sharing, citations, and directory submissions. They include free samples only, not the complete paid resource packs.

螺青 #3F503B秋香 #BF9C46胭脂 #9D2933
Chinese Color Atlas free resource samples preview
CSSTAILWINDDTCGFIGMAPROCREATEAI PROMPTS

Download Files

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↗

How To Use

  1. Download the CSS, Tailwind, or Procreate sample files.
  2. Test the import flow in your website, Figma workflow, or iPad setup.
  3. Upgrade to the complete pack when you need the 161-color clean-source core, Figma Variables JSON, ASE, AI prompts, and synchronized multi-format data.

Need the complete pack?

Tested the free CSS or Procreate samples? The Complete Pack adds a 161-color clean-source Figma Variables JSON, Adobe ASE, 29 Procreate swatches, AI prompts, 21 scene palettes, and accessibility reports for production handoff.

View Complete Pack