主辅点缀色三位一体,每一组都对应一种品牌情绪与行业属性。
#B89968 · 沉稳、品质、信赖,适合品牌官网与高端制造。
#F7F4EF · 温润、呼吸感、留白基底,让主色更突出。
#9A7D4F · 用于按钮、链接、关键CTA,强化层级。
#2C2924 · 主文字色,比纯黑更柔和,长时间阅读不累。
#8B8680 · 辅助文字、分割线、卡片边框,承上启下。
#D4BC95 · 装饰元素、图标、Hover态,温和不抢戏。
从情绪到体系,从静态到暗色,每个环节都基于色彩科学。
从品牌定位、行业属性、用户画像反推主情绪关键词,定调色彩方向。
主色 + 辅色 + 点缀色 + 中性色四位一体,含明度梯度与色阶表。
对比度合规 + 视觉节奏设计,让色彩既有张力又不喧闹。
主辅色暗色版本 + 反相配色规则,让暗色模式同样有质感。
WCAG 2.1 AA标准,文字与背景对比度≥4.5:1,照顾色弱用户。
含HEX/RGB/HSL值、使用场景、CSS变量、Token定义的可复用文档。
色彩交付物可直接对接设计与开发团队。
主辅点缀中性色 + 明度色阶 + 使用规则。
反相配色方案 + 暗色场景使用规则。
:root变量 + 设计Token,前端可直接复用。
Figma Color Style库,设计文件直接调用。
按钮、卡片、表单、导航等核心场景配色示例。
WCAG对比度检测报告 + 色弱模拟验证。
色彩搭配常与以下服务组合使用,效果更佳。