＋ Add to collection

Or: paste this in your AI chat

Please install the Agent Skill "minimax-ai/color-font-skill" for me from skillmd.com. A SkillMD skill is a SKILL.md file — plain markdown — that you save into my skills directory. Use whichever fetch route fits your setup: (1) if you have a terminal, run npx -y skillmds add minimax-ai/color-font-skill; (2) otherwise fetch https://api.skillmd.com/api/skills/minimax-ai/color-font-skill/raw (served as text/markdown) and save it as color-font-skill/SKILL.md in your skills directory; (3) if the SkillMD MCP tools are connected, call skillmd_download with slug "minimax-ai/color-font-skill" and save the returned files under color-font-skill/. Show me the SKILL.md before saving if you'd like me to review it. If your skills directory is read-only (e.g. the Claude desktop app), save the files to a working folder instead and tell me — I'll add them through my app's skills settings.

README badge

Show this skill's registry status in your repo:

[![SkillMD](https://skillmd.com/badge/minimax-ai/color-font-skill.svg)](https://skillmd.com/skills/minimax-ai/color-font-skill)

Color Font Skill

Name: Color Font Skill
Rating: 4.5 (4 reviews)
Author: MiniMax AI

by MiniMax AI minimax-ai/color-font-skill Updated Jul 6, 2026

Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.

SKILL.md

Color Scheme - PPT 配色方案指南

#	名称	色值	风格	适用场景	建议
1	现代与健康	`#006d77` `#83c5be` `#edf6f9` `#ffddd2` `#e29578`	清新、治愈	医疗健康、心理咨询、护肤品、瑜伽Spa	深青做标题，浅粉做背景
2	商务与权威	`#2b2d42` `#8d99ae` `#edf2f4` `#ef233c` `#d90429`	严谨、经典	年度汇报、金融分析、企业介绍、政务报告	深蓝显专业，亮红强调数据
3	自然与户外	`#606c38` `#283618` `#fefae0` `#dda15e` `#bc6c25`	沉稳、大地色	户外用品、环境保护、农业项目、历史文化	深绿为底，米色为字
4	复古与学院	`#780000` `#c1121f` `#fdf0d5` `#003049` `#669bbc`	经典、书卷气	学术讲座、历史回顾、博物馆、复古品牌	深红与深蓝对比强烈
5	柔美与创意	`#cdb4db` `#ffc8dd` `#ffafcc` `#bde0fe` `#a2d2ff`	梦幻、糖果色	母婴产品、甜品店、女性时尚、幼儿园	文字用深灰或黑色
6	波西米亚	`#ccd5ae` `#e9edc9` `#fefae0` `#faedcd` `#d4a373`	温柔、低饱和	婚礼策划、家居软装、有机食品、慢生活	米色背景，绿棕点缀
7	活力与科技	`#8ecae6` `#219ebc` `#023047` `#ffb703` `#fb8500`	高能量、运动	体育赛事、健身房、创业路演、少儿教育	深蓝稳重心，橙色做焦点
8	匠心与手作	`#7f5539` `#a68a64` `#ede0d4` `#656d4a` `#414833`	质朴、咖啡调	咖啡店、手工艺品、传统文化、烘焙教学	适合纸质/皮革质感
9	科技与夜景	`#000814` `#001d3d` `#003566` `#ffc300` `#ffd60a`	深邃、高亮	科技发布会、星空天文、夜间经济、高端汽车	必须用深色模式
10	教育与图表	`#264653` `#2a9d8f` `#e9c46a` `#f4a261` `#e76f51`	清晰、逻辑强	统计报告、教育培训、市场分析、通用商务	完美的图表配色
11	森林与环保	`#dad7cd` `#a3b18a` `#588157` `#3a5a40` `#344e41`	单色渐变、森系	园林设计、ESG报告、环保公益、植物研究	单色系安全不会乱
12	优雅与时尚	`#edafb8` `#f7e1d7` `#dedbd2` `#b0c4b1` `#4a5759`	低饱和、莫兰迪	高定服装、艺术画廊、美妆品牌、杂志风	留白是关键
13	艺术与美食	`#335c67` `#fff3b0` `#e09f3e` `#9e2a2b` `#540b0e`	浓郁、复古画报	美食纪录片、艺术展、民族风情、复古餐厅	适合大色块拼接
14	轻奢与神秘	`#22223b` `#4a4e69` `#9a8c98` `#c9ada7` `#f2e9e4`	冷艳、紫调	珠宝展示、酒店管理、高端咨询、心理学	紫色营造高端氛围
15	纯净科技蓝	`#03045e` `#0077b6` `#00b4d8` `#90e0ef` `#caf0f8`	未来感、纯净	云计算/AI、水利海洋、医院医疗、洁净能源	从深海到天空的渐变
16	海岸珊瑚	`#0081a7` `#00afb9` `#fdfcdc` `#fed9b7` `#f07167`	清爽、夏日感	旅游度假、夏季活动、饮品品牌、海洋主题	青色与珊瑚色互补亮眼
17	活力橙薄荷	`#ff9f1c` `#ffbf69` `#ffffff` `#cbf3f0` `#2ec4b6`	明亮、欢快	儿童活动、促销海报、快消品、社交媒体	橙色吸睛，薄荷绿清爽
18	铂金白金	`#0a0a0a` `#0070F3` `#D4AF37` `#f5f5f5` `#ffffff`	高端、专业	Agent产品、企业官网、金融科技、高端品牌	白金主调，蓝色行动，金色强调

Agent Design System - 完整色板

基于 tokens.css/ts 的 Platinum White-Gold Theme，提供完整色阶供精细设计使用。

White 白色系（背景与浅色表面）

色阶	色值	用途
white-0	`#ffffff`	主背景
white-50	`#fefefe`	略带暖调的白
white-75	`#fcfcfc`	微灰白
white-100	`#fafafa`	次级背景
white-200	`#f7f7f7`	卡片背景
white-300	`#f5f5f5`	三级背景
white-400	`#f0f0f0`	分隔区域
white-500	`#ebebeb`	边框浅色
white-600	`#e5e5e5`	禁用态背景
white-700	`#e0e0e0`	深灰白
white-800	`#d9d9d9`	占位符
white-900	`#d4d4d4`	分隔线
white-1000	`#cccccc`	最深白

Gold 金色系（铂金商务强调色）

色阶	色值	用途
gold-25	`#FFFDF5`	极浅金背景
gold-50	`#FEF9E7`	浅金背景
gold-75	`#FCF3D0`	淡金高亮
gold-100	`#FAECB8`	金色 hover 态
gold-200	`#F5DC8A`	亮金强调
gold-300	`#E8C860`	金色悬停
gold-400	`#D4AF37`	主金色（核心）
gold-500	`#B8972E`	金色文字
gold-600	`#9A7E26`	深金强调
gold-700	`#7C651E`	暗金边框
gold-800	`#5E4C16`	深金背景
gold-900	`#40330F`	极深金
gold-1000	`#221A08`	黑金

Blue 蓝色系（主操作色）

色阶	色值	用途
blue-25	`#F0F7FF`	极浅蓝背景
blue-50	`#E0EFFF`	信息提示背景
blue-75	`#C2DFFF`	浅蓝高亮
blue-100	`#A3CFFF`	禁用态蓝
blue-200	`#66AFFF`	亮蓝
blue-300	`#338FFF`	蓝色悬停
blue-400	`#0070F3`	主蓝色（核心）
blue-500	`#005FCC`	蓝色文字
blue-600	`#004FA6`	深蓝强调
blue-700	`#003F80`	暗蓝边框
blue-800	`#002F5A`	深蓝背景
blue-900	`#001F3D`	极深蓝
blue-1000	`#001026`	黑蓝

Gray 灰色系（文字与中性色）

色阶	色值	用途
gray-0	`#ffffff`	白色
gray-50	`#fafafa`	极浅灰
gray-75	`#f5f5f5`	浅灰背景
gray-100	`#ededed`	分隔线浅
gray-200	`#d4d4d4`	边框浅
gray-300	`#a3a3a3`	四级文字
gray-400	`#737373`	三级文字
gray-500	`#525252`	二级文字
gray-600	`#404040`	深灰
gray-700	`#2e2e2e`	暗色背景
gray-800	`#1f1f1f`	深色背景
gray-900	`#141414`	极深背景
gray-1000	`#0a0a0a`	主文字色（核心）

透明度色值

Opacity Black（黑色透明）

透明度	色值	用途
0%	`#0a0a0a00`	全透明
2%	`#0a0a0a05`	微弱遮罩
4%	`#0a0a0a0a`	次级交互背景
8%	`#0a0a0a14`	边框/分隔
15%	`#0a0a0a26`	按压态
20%	`#0a0a0a33`	浅遮罩
25%	`#0a0a0a40`	中遮罩
50%	`#0a0a0a80`	半透明
70%	`#0a0a0ab2`	深遮罩
80%	`#0a0a0acc`	悬停态
90%	`#0a0a0ae5`	tooltip
95%	`#0a0a0af2`	弹窗

Opacity White（白色透明）

透明度	色值	用途
0%	`#ffffff00`	全透明
2%	`#ffffff05`	微弱遮罩
4%	`#ffffff0a`	次级交互背景
8%	`#ffffff12`	边框/分隔
15%	`#ffffff26`	按压态
20%	`#ffffff33`	浅遮罩
25%	`#ffffff40`	中遮罩
50%	`#ffffff80`	半透明
70%	`#ffffffb2`	深遮罩
80%	`#ffffffcc`	悬停态
90%	`#ffffffe5`	tooltip
95%	`#fffffff2`	弹窗

Font Family - 字体规范

推荐字体

语言	默认字体	可选字体
中文	微软雅黑 (Microsoft YaHei)	—
英文	Arial	Georgia, Calibri, Cambria, Trebuchet MS

中英文混排时：中文使用微软雅黑，英文使用所选字体
优先使用系统自带字体，确保跨平台兼容
标题和正文可使用不同字体配对（如 Georgia + Calibri）

---
name: color-font-skill
description: Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.
---

# Color Scheme - PPT 配色方案指南

| # | 名称 | 色值 | 风格 | 适用场景 | 建议 |
|---|------|------|------|----------|------|
| 1 | 现代与健康 | `#006d77` `#83c5be` `#edf6f9` `#ffddd2` `#e29578` | 清新、治愈 | 医疗健康、心理咨询、护肤品、瑜伽Spa | 深青做标题，浅粉做背景 |
| 2 | 商务与权威 | `#2b2d42` `#8d99ae` `#edf2f4` `#ef233c` `#d90429` | 严谨、经典 | 年度汇报、金融分析、企业介绍、政务报告 | 深蓝显专业，亮红强调数据 |
| 3 | 自然与户外 | `#606c38` `#283618` `#fefae0` `#dda15e` `#bc6c25` | 沉稳、大地色 | 户外用品、环境保护、农业项目、历史文化 | 深绿为底，米色为字 |
| 4 | 复古与学院 | `#780000` `#c1121f` `#fdf0d5` `#003049` `#669bbc` | 经典、书卷气 | 学术讲座、历史回顾、博物馆、复古品牌 | 深红与深蓝对比强烈 |
| 5 | 柔美与创意 | `#cdb4db` `#ffc8dd` `#ffafcc` `#bde0fe` `#a2d2ff` | 梦幻、糖果色 | 母婴产品、甜品店、女性时尚、幼儿园 | 文字用深灰或黑色 |
| 6 | 波西米亚 | `#ccd5ae` `#e9edc9` `#fefae0` `#faedcd` `#d4a373` | 温柔、低饱和 | 婚礼策划、家居软装、有机食品、慢生活 | 米色背景，绿棕点缀 |
| 7 | 活力与科技 | `#8ecae6` `#219ebc` `#023047` `#ffb703` `#fb8500` | 高能量、运动 | 体育赛事、健身房、创业路演、少儿教育 | 深蓝稳重心，橙色做焦点 |
| 8 | 匠心与手作 | `#7f5539` `#a68a64` `#ede0d4` `#656d4a` `#414833` | 质朴、咖啡调 | 咖啡店、手工艺品、传统文化、烘焙教学 | 适合纸质/皮革质感 |
| 9 | 科技与夜景 | `#000814` `#001d3d` `#003566` `#ffc300` `#ffd60a` | 深邃、高亮 | 科技发布会、星空天文、夜间经济、高端汽车 | 必须用深色模式 |
| 10 | 教育与图表 | `#264653` `#2a9d8f` `#e9c46a` `#f4a261` `#e76f51` | 清晰、逻辑强 | 统计报告、教育培训、市场分析、通用商务 | 完美的图表配色 |
| 11 | 森林与环保 | `#dad7cd` `#a3b18a` `#588157` `#3a5a40` `#344e41` | 单色渐变、森系 | 园林设计、ESG报告、环保公益、植物研究 | 单色系安全不会乱 |
| 12 | 优雅与时尚 | `#edafb8` `#f7e1d7` `#dedbd2` `#b0c4b1` `#4a5759` | 低饱和、莫兰迪 | 高定服装、艺术画廊、美妆品牌、杂志风 | 留白是关键 |
| 13 | 艺术与美食 | `#335c67` `#fff3b0` `#e09f3e` `#9e2a2b` `#540b0e` | 浓郁、复古画报 | 美食纪录片、艺术展、民族风情、复古餐厅 | 适合大色块拼接 |
| 14 | 轻奢与神秘 | `#22223b` `#4a4e69` `#9a8c98` `#c9ada7` `#f2e9e4` | 冷艳、紫调 | 珠宝展示、酒店管理、高端咨询、心理学 | 紫色营造高端氛围 |
| 15 | 纯净科技蓝 | `#03045e` `#0077b6` `#00b4d8` `#90e0ef` `#caf0f8` | 未来感、纯净 | 云计算/AI、水利海洋、医院医疗、洁净能源 | 从深海到天空的渐变 |
| 16 | 海岸珊瑚 | `#0081a7` `#00afb9` `#fdfcdc` `#fed9b7` `#f07167` | 清爽、夏日感 | 旅游度假、夏季活动、饮品品牌、海洋主题 | 青色与珊瑚色互补亮眼 |
| 17 | 活力橙薄荷 | `#ff9f1c` `#ffbf69` `#ffffff` `#cbf3f0` `#2ec4b6` | 明亮、欢快 | 儿童活动、促销海报、快消品、社交媒体 | 橙色吸睛，薄荷绿清爽 |
| 18 | 铂金白金 | `#0a0a0a` `#0070F3` `#D4AF37` `#f5f5f5` `#ffffff` | 高端、专业 | Agent产品、企业官网、金融科技、高端品牌 | 白金主调，蓝色行动，金色强调 |

---

# Agent Design System - 完整色板

基于 tokens.css/ts 的 Platinum White-Gold Theme，提供完整色阶供精细设计使用。

## White 白色系（背景与浅色表面）

| 色阶 | 色值 | 用途 |
|------|------|------|
| white-0 | `#ffffff` | 主背景 |
| white-50 | `#fefefe` | 略带暖调的白 |
| white-75 | `#fcfcfc` | 微灰白 |
| white-100 | `#fafafa` | 次级背景 |
| white-200 | `#f7f7f7` | 卡片背景 |
| white-300 | `#f5f5f5` | 三级背景 |
| white-400 | `#f0f0f0` | 分隔区域 |
| white-500 | `#ebebeb` | 边框浅色 |
| white-600 | `#e5e5e5` | 禁用态背景 |
| white-700 | `#e0e0e0` | 深灰白 |
| white-800 | `#d9d9d9` | 占位符 |
| white-900 | `#d4d4d4` | 分隔线 |
| white-1000 | `#cccccc` | 最深白 |

## Gold 金色系（铂金商务强调色）

| 色阶 | 色值 | 用途 |
|------|------|------|
| gold-25 | `#FFFDF5` | 极浅金背景 |
| gold-50 | `#FEF9E7` | 浅金背景 |
| gold-75 | `#FCF3D0` | 淡金高亮 |
| gold-100 | `#FAECB8` | 金色 hover 态 |
| gold-200 | `#F5DC8A` | 亮金强调 |
| gold-300 | `#E8C860` | 金色悬停 |
| gold-400 | `#D4AF37` | **主金色（核心）** |
| gold-500 | `#B8972E` | 金色文字 |
| gold-600 | `#9A7E26` | 深金强调 |
| gold-700 | `#7C651E` | 暗金边框 |
| gold-800 | `#5E4C16` | 深金背景 |
| gold-900 | `#40330F` | 极深金 |
| gold-1000 | `#221A08` | 黑金 |

## Blue 蓝色系（主操作色）

| 色阶 | 色值 | 用途 |
|------|------|------|
| blue-25 | `#F0F7FF` | 极浅蓝背景 |
| blue-50 | `#E0EFFF` | 信息提示背景 |
| blue-75 | `#C2DFFF` | 浅蓝高亮 |
| blue-100 | `#A3CFFF` | 禁用态蓝 |
| blue-200 | `#66AFFF` | 亮蓝 |
| blue-300 | `#338FFF` | 蓝色悬停 |
| blue-400 | `#0070F3` | **主蓝色（核心）** |
| blue-500 | `#005FCC` | 蓝色文字 |
| blue-600 | `#004FA6` | 深蓝强调 |
| blue-700 | `#003F80` | 暗蓝边框 |
| blue-800 | `#002F5A` | 深蓝背景 |
| blue-900 | `#001F3D` | 极深蓝 |
| blue-1000 | `#001026` | 黑蓝 |

## Gray 灰色系（文字与中性色）

| 色阶 | 色值 | 用途 |
|------|------|------|
| gray-0 | `#ffffff` | 白色 |
| gray-50 | `#fafafa` | 极浅灰 |
| gray-75 | `#f5f5f5` | 浅灰背景 |
| gray-100 | `#ededed` | 分隔线浅 |
| gray-200 | `#d4d4d4` | 边框浅 |
| gray-300 | `#a3a3a3` | 四级文字 |
| gray-400 | `#737373` | 三级文字 |
| gray-500 | `#525252` | 二级文字 |
| gray-600 | `#404040` | 深灰 |
| gray-700 | `#2e2e2e` | 暗色背景 |
| gray-800 | `#1f1f1f` | 深色背景 |
| gray-900 | `#141414` | 极深背景 |
| gray-1000 | `#0a0a0a` | **主文字色（核心）** |

## 透明度色值

### Opacity Black（黑色透明）

| 透明度 | 色值 | 用途 |
|--------|------|------|
| 0% | `#0a0a0a00` | 全透明 |
| 2% | `#0a0a0a05` | 微弱遮罩 |
| 4% | `#0a0a0a0a` | 次级交互背景 |
| 8% | `#0a0a0a14` | 边框/分隔 |
| 15% | `#0a0a0a26` | 按压态 |
| 20% | `#0a0a0a33` | 浅遮罩 |
| 25% | `#0a0a0a40` | 中遮罩 |
| 50% | `#0a0a0a80` | 半透明 |
| 70% | `#0a0a0ab2` | 深遮罩 |
| 80% | `#0a0a0acc` | 悬停态 |
| 90% | `#0a0a0ae5` | tooltip |
| 95% | `#0a0a0af2` | 弹窗 |

### Opacity White（白色透明）

| 透明度 | 色值 | 用途 |
|--------|------|------|
| 0% | `#ffffff00` | 全透明 |
| 2% | `#ffffff05` | 微弱遮罩 |
| 4% | `#ffffff0a` | 次级交互背景 |
| 8% | `#ffffff12` | 边框/分隔 |
| 15% | `#ffffff26` | 按压态 |
| 20% | `#ffffff33` | 浅遮罩 |
| 25% | `#ffffff40` | 中遮罩 |
| 50% | `#ffffff80` | 半透明 |
| 70% | `#ffffffb2` | 深遮罩 |
| 80% | `#ffffffcc` | 悬停态 |
| 90% | `#ffffffe5` | tooltip |
| 95% | `#fffffff2` | 弹窗 |

---

# Font Family - 字体规范

## 推荐字体

| 语言 | 默认字体 | 可选字体 |
|------|----------|----------|
| **中文** | 微软雅黑 (Microsoft YaHei) | — |
| **英文** | Arial | Georgia, Calibri, Cambria, Trebuchet MS |

- 中英文混排时：中文使用微软雅黑，英文使用所选字体
- 优先使用系统自带字体，确保跨平台兼容
- 标题和正文可使用不同字体配对（如 Georgia + Calibri）

MiniMax-AI/skills/tree/main/plugins/pptx-plugin/skills/color-font-skill commit · 60aaae52bb

▌
Design Style Skill · minimax-ai
Select a consistent visual design system for PPT slides using radius/spacing style recipes, including Sharp, Soft, Rounded, and Pill variants with component mappings and typography rules.

12.9k
repo stars
▌
UI UX Pro Max · samyakjhaveri
Generates opinionated design systems with curated color palettes, font pairings, UI styles, product-type rules, and UX guidelines across multiple tech stacks.

0
repo stars
▌
Figma Design Analysis · voltagent bundle
Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.

50.9k
repo stars
▌
Deck Guizang Editorial · nexu-io bundle
Creates editorial-style e-ink inspired slide decks with 10 layout templates and 5 color palettes for narrative, opinion, and personal expression.

10
installs
▌
Theme Factory · anthropic bundle
Apply consistent, professional color palettes and font pairings to presentation slide decks and other artifacts using pre-set themes or custom on-the-fly generation.

158k
repo stars
▌
Lovable · voltagent bundle
Provides a design system specification inspired by Lovable's website, including visual theme, color palette, typography rules, and component styling for building warm, approachable interfaces.

50.9k
repo stars

Frequently asked questions

How do I install the Color Font Skill skill?

Run npx skillmds add minimax-ai/color-font-skill in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Color Font Skill skill do?

Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens. It is listed under Design & Media, Docs & Writing, Branding & Logos, UI Design on SkillMD.

Is Color Font Skill safe to use?

SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Color Font Skill?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Color Font Skill free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Color Font Skill?

MiniMax AI (@minimax-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.