COLOR SCHEMES

配色方案库

马卡龙、莫兰迪、科技蓝等主题配色方案，附 HEX 色值与渐变参数，开箱即用，帮你告别配色纠结，让官网气质瞬间拉满。

首页/设计素材/配色方案库
全部方案 元气马卡龙 莫兰迪 科技商务 暖色温馨 极简中性
马卡龙元气配色方案 5 色

马卡龙元气配色

浅粉、浅蓝、浅黄三主色加奶白与墨灰，气质温润有元气，适合年轻品牌与生活方式类官网。

HEX + 渐变获取 →
莫兰迪低饱和配色 6 色

莫兰迪低饱和

灰粉、灰蓝、灰绿等低饱和色系，自带高级感与静谧气质，适合艺术、家居、美妆类官网。

HEX + 色卡获取 →
科技蓝商务配色 5 色

科技蓝商务

深蓝、亮蓝、冰蓝搭配中性灰，专业可信，适合 SaaS、金融、科技企业官网与后台系统。

HEX + 渐变获取 →
暖橘活力配色 5 色

暖橘活力配色

暖橘、奶咖、焦糖搭配米白，传递活力与食欲，适合餐饮、零售、活动促销类落地页。

HEX + 色卡获取 →
森林自然绿配色 6 色

森林自然绿

深绿、薄荷、米杏搭配原木色，清新自然，适合环保、农业、健康类品牌官网。

HEX + 渐变获取 →
复古橙棕配色 5 色

复古橙棕

砖红、焦橙、咖棕搭配米黄，怀旧温暖，适合文创、老字号、咖啡馆类官网。

HEX + 色卡获取 →
极简中性灰配色 4 色

极简中性灰

深灰、中灰、浅灰加一点亮色点缀，克制干净，适合设计工作室与高端品牌官网。

HEX + 色卡获取 →
糖果紫粉配色 5 色

糖果紫粉

薰衣草紫、樱花粉、奶白搭配亮黄点缀，甜美梦幻，适合母婴、美妆、女性向官网。

HEX + 渐变获取 →
商务深蓝金配色 5 色

商务深蓝金

藏青、雾蓝搭配香槟金，沉稳又有质感，适合集团、金融、地产类企业官网。

HEX + 色卡获取 →
COLOR TIPS

配色应用建议

主色克制、留白充足、对比清晰，是网页配色不出错的底层逻辑。

主色不超三种

同屏主色控制在 2-3 种，其余用中性灰过渡，避免色彩过多导致视觉混乱。

6:3:1 比例

主色占 60%、辅色 30%、点缀色 10%，层次分明又有重点，是经典配色比例。

对比度达标

正文与背景对比度不低于 4.5:1，保证可读性与无障碍体验，尤其注意浅色文字。

想要专属品牌配色？

尧图可基于品牌调性与行业属性，定制完整配色规范与渐变体系。

免费咨询 学习色彩搭配