如何使用
- 下載 CSS、Tailwind 或 Procreate 樣包。
- 先在你的網頁、Figma 流程或 iPad 上驗證導入方式。
- 需要 161 色 clean-source 核心、Figma Variables JSON、ASE、AI Prompts 和跨格式數據時，再購買完整資源包。
Chinese Color Atlas免費樣包
OPEN GITHUB REPOSITORY
CSS · TAILWIND · FIGMA · PROCREATE
CSS · TAILWIND · FIGMA · PROCREATE
免費中國傳統色卡與設計 Tokens
下載可公開使用的 Chinese Color Atlas 樣包：CSS 變量、Tailwind 配色、DTCG Tokens、Figma Variables 示例和 Procreate 色板。
適合外鏈和目錄提交
先免費把中國傳統色放進你的工作流
這個頁面和公開 GitHub 倉庫用於分享、引用和目錄提交。它只包含免費樣包，不包含完整付費資源包。
螺青 #3F503B秋香 #BF9C46胭脂 #9D2933
CSSTAILWINDDTCGFIGMAPROCREATEAI PROMPTS
下載文件
cathycolor-hot.swatchesProcreate · 8 個 Chinese Color Atlas 熱門入門色0.3 KB ↓cathycolor-verified.swatchesProcreate · 30 個來源支持色樣包0.9 KB ↓cathycolor-term-lichun.swatchesProcreate · 立春節氣色板樣包0.6 KB ↓cathycolor.css公開 CSS 自定義屬性樣包 · 用於測試工作流27 KB ↓sample-figma-vars.jsonFigma Variables 示例 · 用於測試導入和命名規範↗Figma Community sample file復制免費的 24 色 Figma Variables 社區樣例，包含國潮、宋式與敦煌配色↗sample-ai-prompts.txt小版 Midjourney、SDXL、ComfyUI 提示詞預覽↗
需要完整包？
已經測試過免費 CSS 或 Procreate 樣包？完整包會加入 161 色 clean-source Figma Variables JSON、Adobe ASE、29 個 Procreate 色板、AI 提示詞、21 套場景配色和無障礙報告，適合正式項目交付。
查看完整資源包