十二月的第一周,Pantone 照例公布下一年度的代表色,涂料、家居、零售品牌跟着发一轮,朋友圈也刷一轮。热闹过去,设计稿还摊在屏幕上,要回答的其实就一个问题:这一堆颜色里,哪个能落到我的产品上。
一、年度流行色是怎么选出来的
年度色不是投票投出来的,也没有什么公开公式。Pantone 色彩研究所的团队整年都在收信号——秀场面料、室内材料、工业产品、影视调色、艺术展览,再加上当年的社会情绪,年底关起门来定一个。规则很简单,一年一色,时间固定在十二月上旬。
2026 年的结果在 2025 年 12 月 4 日公布,是 PANTONE 11-4201 云上舞白(Cloud Dancer)。偏暖,接近白,属于中性色。在这份名单二十多年里,白色还是头一次。
把最近四年的色号排一排,方向挺清楚。
| 年份 | 年度色 | HEX | 观感 |
|---|---|---|---|
| 2023 | Viva Magenta | #BE3455 | 偏冷的鲜艳品红 |
| 2024 | Peach Fuzz | #FFBE98 | 柔和的桃色,甜度偏高 |
| 2025 | Mocha Mousse | #A47764 | 低饱和的灰棕 |
| 2026 | Cloud Dancer | #F0EEE9 | 接近白,极低饱和 |
三年下来,亮度一路往上,饱和度一路往下。这不只是审美变了。大家盯着屏幕的时间越来越长,对高强度视觉刺激的耐受度在掉,眼睛自然往柔和的东西上靠。
另一套预测体系
WGSN 和 Coloro 走的是另一条路,结论提前两年就给了。他们用一套叫 STEPIC 的框架推演,社会、技术、环境、政治、行业、创意六个维度各走一遍,再验证这个颜色在纺织基底上能不能稳定染色、耐光表现如何。2026 年他们选的是 Transformative Teal,Coloro 色号 092-37-14,落在蓝和绿之间的一种深青。
二、2026 流行色色值一览
下面把 2026 年几家主流的年度色放在一起,色值取各机构公开的数码近似值。
| 机构 | 颜色 | HEX | RGB | 适合的位置 |
|---|---|---|---|---|
| Pantone 年度代表色 | 云上舞白 Cloud Dancer | #F0EEE9 | 240 238 233 | 大面积底色 |
| WGSN 与 Coloro 年度色 | Transformative Teal | #2F6364 | 47 99 100 | 主色、品牌色 |
| Behr 年度色 | Hidden Gem | #596D69 | 89 109 105 | 卡片、中性块 |
| Benjamin Moore 年度色 | Silhouette | #57504C | 87 80 76 | 标题与正文 |
| Sherwin-Williams 年度色 | Universal Khaki | #B8A992 | 184 169 146 | 次级背景、分割 |
| 宜家年度色 | Rebel Pink | #FF8DA1 | 255 141 161 | 小面积点缀 |
除了 Pantone,涂料和家居品牌的年度色都偏中性,原因不难猜,它们得能刷满一整面墙。宜家的 Rebel Pink 是少数高饱和的选择,真放到住宅里,一般也就出现在小件家具或软装布艺上。
#F1F0EC;色彩查找器按 M2 光源测,对应 #F0EEE9。两者差三个数值,屏幕上基本看不出来,但印刷前还是要打样确认。三、流行色在网页与 App 中的应用
年度色落到界面上,最省力的位置是底色。云上舞白偏暖、亮度高,铺大面积不刺眼,比纯白 #FFFFFF 更耐看,晚上盯着也不会觉得发蓝。
正文颜色要跟着调。纯黑压在暖白底上显得硬,换成 #2E2B27 这类偏暖的深灰,字和底之间的过渡会自然一些。
- 把年度色放进底色,替掉默认的白。改一个全局变量就能全站生效,改动成本最低。
- 深青色当主色,先把深浅阶补齐。默认用
#2F6364,悬停用#244E4F,禁用态用#7A9494,三个值一起定义好,后面就不用临时拼。 - 高饱和的点缀色只给一个功能。Rebel Pink 这类颜色一旦在两处以上出现,视觉重心就散了。
四、流行色与品牌色的平衡
品牌色和年度色抢的是同一个位置——用户第一眼记住的那个颜色。两个都想要,结果往往是两个都不突出。
- 品牌色占主位,年度色占次级位。年度色放在背景、分割线、状态标签上,主按钮还是交给品牌色。
- 每个页面只让年度色出现一次。而且最好出现在最重要的那个动作上。次数一多,它就从强调变成了背景噪音。
- 想借气质又不想动品牌色,改中性色就够了。把品牌灰从
#808080挪到偏暖的#8A857C,整体观感已经靠近今年的方向,logo 不用碰。
有些行业不适合跟。金融、医疗、政务类的界面,色彩承担的是可信和稳定,跟流行的收益远小于风险。这类产品把年度色留在营销物料里,产品界面别动。
五、流行色落地搭配案例
拿一个电商活动页举例。目标是把 2026 年这种暖中性气质用上,同时保证商品图不被背景抢走。
| 用途 | 色值 | 面积占比 |
|---|---|---|
| 页面底色 | #F0EEE9 | 约 60% |
| 卡片与内容区 | #FFFFFF | 约 25% |
| 标题与正文 | #57504C | 约 8% |
| 主按钮 | #2F6364 | 约 5% |
| 分割线与次级标签 | #B8A992 | 约 1.5% |
| 限时标签 | #FF8DA1 | 约 0.5% |
这套分配里,年度色占了大头,反而是最不抢眼的那个。深青色的按钮面积小、位置固定,用户扫一眼就知道往哪点。
想把这几个色值扩成一套完整色板,可以用调色板生成,输入主色以后它会补齐次级色和一组中性色,比自己一档一档试要快。
2026 年的年度色是白的,这事本身就说明饱和度还在往下走。能直接照做的有两条:把底色换得更暖更亮,把重点色的面积再收一点。年度色给的是方向,具体数值,对比度和面积还是得自己算。