中文站
原站 coolors.co 返回首页
#CCD5AEHSL(74, 32%, 76%)
#DBE1BCHSL(70, 38%, 81%)
#E9EDC9HSL(67, 50%, 86%)
#F4F4D5HSL(60, 58%, 90%)
#FEFAE0HSL(52, 94%, 94%)
#FCF4D7HSL(47, 86%, 92%)
#FAEDCDHSL(43, 82%, 89%)
#E7C8A0HSL(34, 60%, 77%)
#DEB68AHSL(31, 56%, 71%)
#D4A373HSL(30, 53%, 64%)

Soft Pastel Harmony

柔和的粉彩和谐
pastel 原站查看
单页示意 — 随配色实时切换

轻盈通透,色彩会说话

大留白与大图穿插,感受当前配色在完整单页中的真实落地。强调色与价格均取自上方 5 色。

hero 主色 #CCD5AE 点缀

服务呈现

三张纯色卡片,无图,仅用配色与图标呈现

品牌策划

以 #CCD5AE 为主强调,辅以 #F4F4D5 浅底,呈现服务的层次与专业度。

视觉设计

第 2 色 #DBE1BC 作图标底,卡面用 #E9EDC9 透底,干净通透。

前端实现

深色 #FEFAE0 少量点缀,用于强调技术与可靠感。

产品呈现

仅大卡片使用免费大图(Picsum),小卡片已改为纯色
p1

柔光台灯

暖光无频闪 · 触控调光

¥299新品
p2

编织音箱

织物包裹 · 低音浑厚

¥499 4.9
banner

为创作选对色彩

大图与留白让配色更透气:主按钮与价格取 #CCD5AE,徽标取 #DBE1BC

主色 辅色

专业呈现

技能进度条随配色着色
配色
92%
视觉
84%
前端
78%

数据呈现

10k+服务客户
98%满意度
320+上线项目
7年行业深耕

服务反馈

配色很准,落地效果超出预期,团队沟通也很顺畅。

A Alice · 品牌主理人

细节到位,从提案到交付都保持高水准。

B Bob · 创意总监

合作伙伴

Apple Google MSFT Meta Amzn Spotify

提交表单

contact
常用组件样式示意(Bootstrap / Vue 风格)

按钮

Badge Hot Tag

表单

提示

Info — 使用第 2 色的浅底深字提示
Success — 第 4 色成功态
Primary — 第 1 色通栏提示

卡片与导航

Active Menu 设置
迷你取色条 · 悬停查看 HEX
色值详情
#CCD5AE
#DBE1BC
#E9EDC9
#F4F4D5
#FEFAE0
#FCF4D7
#FAEDCD
#E7C8A0
#DEB68A
#D4A373
相似配色
Cloudy Lavender Sky Cloudy 薰衣草 天空
18
Whimsical Unicorn Dream 异想天开的独角兽梦
94
Pastel Rainbow Bliss 彩虹般的幸福
99
Pastel Rainbow Dream 彩虹般的柔和梦境
101
Pastel Dreamland 柔彩 梦境
104
Sun-Kissed Beach Bliss 阳光亲吻海滩的幸福
114
Pastel Dreamy Romance 柔和的梦幻浪漫
115
Dreamy Sky Gradient 梦幻天空梯度
117