如何使用
- 下载 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 套场景配色和无障碍报告，适合正式项目交付。
查看完整资源包