马卡龙色卡

马卡龙色卡

马卡龙色系(Macaron palette)是一组以柔和奶油糖色为基调的 pastel 色集合,整体感觉像马卡龙饼干外层的糖霜 —— 既保持 pastel 的柔和,又比纯 pastel 更有色彩存在感。介于「莫兰迪」和「糖果色」之间的甜度。

本文收录的是我在搭建 seerking.com 标签云时筛出来的 43 色最终版。原始候选色有 50 色,去掉了最浅的 5 个(L 亮度 > 0.93,视觉上几乎看不出色块,只剩白底黑字),保留的 43 色每一个都有明确的色彩存在感。

色卡总览

#FFD1DC
千禧粉
#AEC6CF
Pastel Blue 粉蓝
#77DD77
Pastel Green 嫩绿
#B39EB5
Pastel Purple 粉紫
#FFB347
Pastel Orange 粉橙
#FF6961
Pastel Red 粉红
#F49AC2
Pastel Magenta 品红
#CFCFC4
Pastel Gray 灰
#836953
Pastel Brown 棕
#98FF98
Mint 薄荷绿
#E6E6FA
薰衣草紫
#89CFF0
婴儿蓝
#FFE5B4
Peach 蜜桃
#F88379
Coral Pink 珊瑚粉
#C8A2C8
Lilac 紫丁香
#CCCCFF
长春花色
#E0B0FF
锦葵紫
#F5F5DC
米黄色
#FBCEB1
杏色
#87CEEB
天蓝色
#ACE1AF
Celadon 青瓷
#D0F0C0
Tea Green 茶绿
#AFEEEE
苍蓝色
#B0E0E6
浅蓝色
#D8BFD8
蓟色
#FFE4E1
雾玫瑰
#FFC1CC
Bubblegum 泡泡糖
#FFBCD9
Cotton Candy 棉花糖
#F7CAC9
Rose Quartz 玫瑰石英
#92A8D1
Serenity 宁静蓝
#EDCDC2
Pale Dogwood 苍狗木
#CFB096
Hazelnut 榛子
#95DEE3
Island Paradise 岛屿天堂
#F6D155
Primrose Yellow 报春黄
#EFDECD
Almond 杏仁
#F4C2C2
Baby Pink 婴儿粉
#BCD4E6
Beau Blue 美人蓝
#FAF0BE
Blond 金发
#EFBBCC
Cameo Pink 浮雕粉
#F7E7CE
香槟金
#C4D8E2
Columbia Blue 哥伦比亚蓝
#EFDFBB
Dutch White 荷兰白
#F0EAD6
Eggshell 蛋壳色

命名来源

这套颜色命名混合了三类:

  • 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)

添加新评论