复制色值
HEX / RGB / CMYK 一键复制给研发。
HEX
#ADA7CB
RGB
rgb(173, 167, 203)
CMYK
15, 18, 0, 20
搭配方案
单色、类似色、互补色、三色组，直接复制使用。
Monochrome Depth
Light and dark steps around the hero color.
#6C62A3
1
#9088B9
2
#ADA7CB
3
#CCC8DF
4
#E7E5F0
5
Analogous Flow
Neighbors on the color wheel for a soft gradient story.
#95A2C1
1
#A8ABCC
2
#ADA7CB
3
#B7A8CC
4
#CDBCD7
5
Complementary Contrast
Opposites that add clarity and focus.
#ADA7CB
1
#B9C195
2
#D7DBC2
3
#8B86A7
4
#E7E6EA
5
Triadic Balance
Three evenly spaced hues for versatile layouts.
#ADA7CB
1
#CCAEA8
2
#A8CCAE
3
#9B96B6
4
#DAD8E4
5
Split Complementary
Balanced contrast with two supporting accents.
#ADA7CB
1
#CCC0A8
2
#B4CCA8
3
#837BA7
4
#E5E3ED
5
导出
复制 CSS 变量或 Tailwind 配置。
#ADA7CB
CSS Variables
:root {
--year-base: #ADA7CB;
--year-base-contrast: #1F2937;
--year-accent-1: #9088B9;
--year-accent-2: #ADA7CB;
--year-accent-3: #CCC8DF;
--year-surface: #f8fafc;
}Tailwind Config
theme: {
extend: {
colors: {
primary: 'var(--year-base)',
accent: 'var(--year-accent-1)',
surface: 'var(--year-surface)',
},
},
},场景预览
UI、海报、电商示例。
UI 界面
海报 / 社交
Launch Campaign
Design with #ADA7CB
电商主图
New Drop · #ADA7CB-20%
Primary CTA
Secondary
使用建议
Summary
柔和而安静的薰衣草色，把数字世界与情绪疗愈连接起来。
Notes
配雾白、米白、银灰做宁静界面，可加浅紫渐变或细颗粒避免太平。
Tips
- 标签: wellbeing
- 标签: ui
- 标签: lifestyle
应用资源
Speed up screens with ready-made UI kits, icons, and design tokens.
UI kit & icons