马卡龙色卡
马卡龙色系(Macaron palette)是一组以柔和奶油糖色为基调的 pastel 色集合,整体感觉像马卡龙饼干外层的糖霜 —— 既保持 pastel 的柔和,又比纯 pastel 更有色彩存在感。介于「莫兰迪」和「糖果色」之间的甜度。
本文收录的是我在搭建 seerking.com 标签云时筛出来的 43 色最终版。原始候选色有 50 色,去掉了最浅的 5 个(L 亮度 > 0.93,视觉上几乎看不出色块,只剩白底黑字),保留的 43 色每一个都有明确的色彩存在感。
色卡总览
#FFD1DC千禧粉 | #AEC6CFPastel Blue 粉蓝 | #77DD77Pastel Green 嫩绿 | #B39EB5Pastel Purple 粉紫 | #FFB347Pastel Orange 粉橙 |
#FF6961Pastel Red 粉红 | #F49AC2Pastel Magenta 品红 | #CFCFC4Pastel Gray 灰 | #836953Pastel Brown 棕 | #98FF98Mint 薄荷绿 |
#E6E6FA薰衣草紫 | #89CFF0婴儿蓝 | #FFE5B4Peach 蜜桃 | #F88379Coral Pink 珊瑚粉 | #C8A2C8Lilac 紫丁香 |
#CCCCFF长春花色 | #E0B0FF锦葵紫 | #F5F5DC米黄色 | #FBCEB1杏色 | #87CEEB天蓝色 |
#ACE1AFCeladon 青瓷 | #D0F0C0Tea Green 茶绿 | #AFEEEE苍蓝色 | #B0E0E6浅蓝色 | #D8BFD8蓟色 |
#FFE4E1雾玫瑰 | #FFC1CCBubblegum 泡泡糖 | #FFBCD9Cotton Candy 棉花糖 | #F7CAC9Rose Quartz 玫瑰石英 | #92A8D1Serenity 宁静蓝 |
#EDCDC2Pale Dogwood 苍狗木 | #CFB096Hazelnut 榛子 | #95DEE3Island Paradise 岛屿天堂 | #F6D155Primrose Yellow 报春黄 | #EFDECDAlmond 杏仁 |
#F4C2C2Baby Pink 婴儿粉 | #BCD4E6Beau Blue 美人蓝 | #FAF0BEBlond 金发 | #EFBBCCCameo Pink 浮雕粉 | #F7E7CE香槟金 |
#C4D8E2Columbia Blue 哥伦比亚蓝 | #EFDFBBDutch White 荷兰白 | #F0EAD6Eggshell 蛋壳色 |
命名来源
这套颜色命名混合了三类:
- Pastel 系列:传统的「Pastel + 颜色」命名(Pastel Blue / Pastel Green 等)
- 情绪/物件名:Mint、Cotton Candy、Rose Quartz、Primrose Yellow 等(来自 Pantone 和设计界流行色)
- 中文译名:千禧粉、长春花色、薰衣草紫等
所有名字都对应现实中存在的颜色体系,没有自造。
为什么是 43 色而不是 50 或 100
50 → 43:原始候选色里有几个太浅的(L>0.93),比如 #F0FFF0 蜜瓜色、#FFF8E7 Cosmic Latte、#FFFACD 柠檬戚风、#FDFD96 Pastel Yellow。它们单独看很温柔,但跟其他标签放在一起时,视觉权重太低,跟白底 sidebar 几乎没分隔感,看起来像"白底黑字"而不是"色块标签"。
为什么不更多:色卡越大,每个 tag 撞色的概率越低,但单个色卡的视觉风格感越弱。43 色在「足够随机 + 风格统一」之间是平衡点。
怎么用
每种颜色都可以独立用于:
- 背景色块:色块 + 黑字 / 白字(自动判断,对比度都过 WCAG AA)
- 点缀:文字下划线、图标、分隔线
- 图标底色:avatar / emoji 背景
不适合:
- 大面积铺底(背景太浅会让文字消失)
- 重要按钮(色彩饱和度不够,CTA 视觉权重不足)
配套工具
色卡 HTML 表格可以复制到 Notion / Obsidian / 飞书文档里直接渲染,每行 5 个色块带 hex 和中文名,方便配色时参考。
色卡版本:2026-06-19
来源:seerking.com 标签云调色板(pastel 49 → 48 → 47 → 46 → 43)