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 verified 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 all 567 colors, Figma Variables, ASE, AI prompts, and full JSON data.

Need the complete pack?

Tested the free CSS or Procreate samples? The Complete Pack adds Figma Variables, Adobe ASE, full Procreate swatches for 24 solar terms and Dunhuang palettes, AI prompts, and research JSON for production handoff.

View Complete Pack