FIGMA
Figma Variables（完整包）
导入后，可在品牌稿、UI 组件和设计系统中调用同一套 161 色 clean-source 核心。
Chinese Color Atlas中国传统色卡下载
161 CLEAN COLORS · 133 FILES
SWATCHES · ASE · TOKENS · PROMPTS
SWATCHES · ASE · TOKENS · PROMPTS
中国传统色设计资源包
把 161 色 clean-source 中国传统色核心直接放进 Figma、Procreate、Photoshop、Tailwind、CSS 和 AI 绘图工作流。
最推荐
完整设计资源包
133 个按工作流整理的文件，把同一套 161 色 clean-source 核心交付到 Figma、Procreate、Adobe、Tailwind、CSS 和 AI 创作流程。从 21 套品牌、婚礼、茶、包装与 UI 修正版场景配色开始，再把同一套方向交付到设计、代码与 AI 工具。
包含内容
✓适用于 Photoshop、Illustrator、InDesign 的 Adobe ASE 色板
✓29 个 Procreate .swatches：8 个 clean-core 色系组与 21 套修正版场景配色
✓CSS 变量、Tailwind 主题片段与 W3C DTCG 设计 Tokens
✓用于设计系统搭建的 Figma Variables JSON 导入文件
✓适用于 Midjourney、SDXL、ComfyUI 探索的 161 条 clean-source AI 提示词
✓21 套可用于生产的场景配色，每套含 JSON、CSS、SVG 预览、Procreate 色板与两两对比度报告
✓快速入门 PDF 与 22 页场景配色目录
✓含 RGB、HSL、CMYK、可靠度与明确 MIT 来源权利的 161 色 canonical JSON
免费 vs 完整
先试用样包，再购买完整工作流。
免费资源用于验证格式、引用和教程；付费包用于真正交付项目、团队设计系统和批量创作。
•一次购买，下载 ZIP；无需订阅。
•免费样包保持公开，方便先测试导入流程。
•完整文件不再作为 `/exports/*` 公开直链分发。
161
clean-source 色
133
完整包文件
29
Procreate 色板
21
场景配色报告
你会得到什么
SWATCHES
Procreate 色板
按 8 个 clean-core 色系组和 21 套修正版场景配色整理，可直接导入插画流程。
DEV
Tailwind / CSS Tokens
给前端项目的 drop-in 资源：CSS variables、Tailwind theme partial、W3C DTCG tokens。
AI
AI Prompt Pack
把中文名、拼音、英文名、HEX 与明确来源权利组织成 Midjourney、SDXL、ComfyUI 提示词。
适合谁
UI / 品牌设计师
快速建立国潮、新中式、文化品牌的配色系统。
插画师 / Procreate 用户
导入 clean-core 色系或场景色板后直接开始插画、包装与社媒视觉。
前端工程师
把传统色变成 CSS、Tailwind 和设计 Tokens。
AI 绘图用户
用 161 条 clean-source 提示词和 21 套场景配色控制色彩方向。
使用场景
国潮品牌视觉茶包装与文创礼盒中式婚礼与节日海报网页 UI 与设计系统Midjourney / SDXL 提示词Figma / Tailwind 工作流
如果你只是想复制单个 HEX，免费站点已经够用；资源包面向的是需要把中国传统色真正放进设计、开发和 AI 生产流程的人。
选择资源包
BEST VALUE
完整设计资源包
设计团队 · 开发者 · AI 创作者
立即购买
$39
$39
一个 ZIP 内含 133 个按工作流整理的文件，全部由 161 色 clean-source 核心生成：Figma Variables JSON、ASE、Procreate、网页 Tokens、AI 提示词、21 套修正版场景配色、无障碍报告与可视化指南。
✓适用于 Photoshop、Illustrator、InDesign 的 Adobe ASE 色板
✓29 个 Procreate .swatches：8 个 clean-core 色系组与 21 套修正版场景配色
✓CSS 变量、Tailwind 主题片段与 W3C DTCG 设计 Tokens
NEW · $9 LAUNCH
中国传统节日配色与 Token Kit
品牌设计师 · 设计系统团队 · 前端开发者
首发价 · 立即购买
$9
$9
围绕五个传统节日提供 25 套 clean-source 编辑配色、125 个角色 Tokens 与逐套无障碍报告，并同步交付 JSON、W3C DTCG、CSS、Tailwind CJS 和结构化 Figma Variables 导入数据。
✓覆盖春节、清明、端午、中秋与重阳的 25 套现代编辑配色
✓125 个角色 Tokens：surface、primary、secondary、accent 与 text
✓Canonical JSON、W3C DTCG JSON、CSS 自定义属性、Tailwind-compatible CJS 与结构化 Figma Variables 导入 JSON
Procreate 色板包
插画师 · 数字艺术家
立即购买
$9
$9
60 个按用途整理的文件，包含 29 个可直接导入的 .swatches：8 个 clean-core 色系组与 21 套修正版实用场景色板，并附 SVG 预览和可视化目录。
✓8 个 clean-core 色系 .swatches，覆盖全部 161 个可交付颜色
✓按红、橙、黄、绿、蓝、紫与中性色分组
✓21 套品牌、婚礼、茶、包装、UI、插画等场景专属 .swatches
CSS 与 Tailwind Token 包
前端工程师 · 设计系统构建者
立即购买
$9
$9
同一套 161 色 clean-source 核心，以完全同步的 CSS、Tailwind、W3C DTCG、Figma Variables JSON 与 canonical JSON 格式交付。
✓161 个与 MIT 来源名称和 HEX 精确匹配的 CSS 自定义属性
✓带稳定 token 命名的 Tailwind 主题片段
✓用于设计系统交付的 W3C DTCG 设计 Tokens
AI 提示词包
Midjourney · SDXL · ComfyUI 用户
立即购买
$9
$9
面向 Midjourney、SDXL、ComfyUI 的 161 条 clean-source 色彩提示词模板，并附 canonical 色彩数据与 21 套修正版场景配色参考。
✓纯文本提示词库
✓结构化 JSON 提示词数据
✓用于视觉方向参考的 21 套修正版 clean-source 场景配色
免费样包
先试用免费 Figma Base、Procreate 色板、CSS 变量和节气样板；完整资源包提供 161 色 clean-source 核心、21 套修正版场景配色与 133 个按工作流整理的文件。
Chinese Color Atlas Base · Figma24 色搜索、填色、色卡、场景配色与本地 Variables免费 ↗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 示例 · 用于测试导入和命名规范sample ↓Figma Community sample file复制免费的 24 色 Figma Variables 社区样例，包含国潮、宋式与敦煌配色Figma ↓sample-ai-prompts.txt小版 Midjourney、SDXL、ComfyUI 提示词预览sample ↓
购买前常见问题
可以商用吗？
可以。请遵守 ZIP 内的产品许可证，并在内部存档或团队交付副本中保留 MIT 上游许可证、ATTRIBUTION 与 RIGHTS-MANIFEST；不得把完整文件重新打包为竞品出售或分发。
Figma 怎么用？
免费 Base 插件可在 Figma 内完成 24 色搜索、填色、色卡、配色和 Starter Variables；Complete Pack 则提供 161 色 clean-source Variables JSON 与跨工具交付文件。
Procreate 怎么导入？
下载 .swatches 文件后，在 iPad 上用 Procreate 打开即可导入。免费样包可先测试流程。
和普通色卡网站有什么区别？
这里不只是复制 HEX，而是把 161 色 clean-source 核心同步为 Figma、Procreate、Tailwind、CSS、AI prompt 和 JSON 工作流。