Wu Xing · Color System · 五行色彩 · 2026
木
火
土
金
水
五行各司其位，各有其色，各有其势。
青主生发，赤主热烈，黄主承载，
白主收敛，黑主潜藏。
每一行对应一种设计语言：
品牌调性、视觉节奏、用户情绪。
木
Wood
东方·春·青·生长·向上
#4CAF65
火
Fire
南方·夏·赤·热烈·光明
#E8401A
土
Earth
中央·四季·黄·承载·滋养
#C9912A
金
Metal
西方·秋·白·收敛·精纯
#B8C8D8
水
Water
北方·冬·黑·潜藏·智慧
#2B7CB0
木 · Wood
火 · Fire
土 · Earth
金 · Metal
水 · Water
全谱
配色
配色方案
木
木
Wood · 东方 · 甲乙 · 春 · 青 · 肝
木
Wood · Vitality
木者，生也。曲直之性，向阳而生，根植深处，枝叶向天。
春木萌发，色尚青翠，象征开始、生长与无限可能。
设计语言 · Design Language
有机感
自然纹理
流动曲线
向上构图
呼吸留白
生命力
木属品牌不追求锋利，而是柔中带韧。
排版倾向有机圆角、大量白空间、自然摄影。
适用：健康、农业、可持续、教育、生命科学。
色板 · 8 Tones
暗林
Night Forest
#0D2914
最深背景
深林
Deep Forest
#1A4A24
深色 BG
苍翠
Verdant
#2E7D3C
主色
新绿
Spring Green
#4CAF65
强调色
翠烟
Jade Mist
#7CC890
辅助高光
嫩芽
Young Shoot
#A8D5A2
浅色辅助
薄荷
Mint Wash
#CEE8C8
淡色背景
晨露
Morning Dew
#EBF5E8
浅底 / 卡片
渐变 · Gradients
深林
破土
新绿
晨光
UI 预览 · UI Preview
Dark · 暗木调
自然之根
有机感深色界面，适合高端自然/健康品牌首页 Hero。
立即探索
#0D2914 · #4CAF65 · #EBF5E8
Light · 浅木调
向阳而生
清新浅色系，适合教育平台、健康 App、自然内容媒体。
开始体验
#EBF5E8 · #2E7D3C · #1A4A24
Mid · 苍翠调
林间余光
中间调，深色背景+亮绿高光，适合农业科技、可持续方向。
了解更多
#1A4A24 · #4CAF65 · #A8D5A2
品牌原型 · Brand Archetypes
健康 / 自然
主色深绿，浅绿作背景。传达安全感与天然属性。消费品、农产品、健康食品首选。
教育 / 成长
木象征上升与学习。适合教育平台、个人成长、学习类 App，配色清新不压迫。
可持续 / ESG
绿色是环保行业的通用语言。深木色配浅绿，传达厚重的环境责任感，不廉价。
火
火
Fire · 南方 · 丙丁 · 夏 · 赤 · 心
火
Fire · Energy
火者，炎上也。热烈而不可遏，光明而照四方。
南方朱雀，夏日炎炎，色尚赤红，象征激情、力量与变革。
设计语言 · Design Language
强烈对比
动感构图
粗犷字体
斜切排版
高饱和度
紧迫感
火属品牌要冲击视网膜。大字、强对比、不对称布局。
CTA 按钮必须用火色，转化率最高。
适用：科技、创业、运动、娱乐、餐饮、营销平台。
色板 · 8 Tones
暗炭
Charcoal
#3D0808
最深背景
深火
Deep Flame
#7B1010
深色 BG
朱砂
Cinnabar
#C01E1E
主色 / Brand
炎橙
Blaze Orange
#E8401A
CTA / 行动色
赤焰
Ember
#F06B1F
过渡 / 辅助
琥珀
Amber
#F5A623
高亮 / Badge
烛光
Candlelight
#FAD08A
浅色辅助
晨曦
Dawn Glow
#FDE8D0
浅底 / 卡片
渐变 · Gradients
暗火核心
烈焰升腾
黄昏渐变
炉心辐射
UI 预览 · UI Preview
Dark · 暗火调
灼热核心
极暗底+朱砂主色，高端感强。适合夜间模式、高端科技、奢侈品。
即刻行动
#0A0202 · #C01E1E · #E8401A
Gradient · 渐变火调
破局出击
渐变 Hero 背景，高能量，冲击力强。适合创业发布、产品 Landing Page。
了解详情
#7B1010 → #E8401A
Light · 暖光调
活力之源
浅暖色底，配朱砂按钮。温暖不刺激，适合食品、消费品、服务类品牌。
开始使用
#FDE8D0 · #E8401A · #3D0808
品牌原型 · Brand Archetypes
科技 / 创业
火代表能量与突破。朱砂+炎橙传达「我们在改变世界」的气场。硅谷风格首选。
运动 / 娱乐
高饱和度火色激发肾上腺素。运动品牌、电竞、娱乐平台，用火色做 CTA，转化率提升显著。
餐饮 / 食品
心理学验证：红橙色激发食欲。朱砂+琥珀配色是餐饮品牌最经典的组合之一。
土
土
Earth · 中央 · 戊己 · 四季末 · 黄 · 脾
土
Earth · Stability
土者，稼穑也。厚重而承载万物，居中而调和四方。
色尚中黄，对应皇权与中央，象征信任、财富与传承。
设计语言 · Design Language
厚重质感
手工纹理
衬线字体
对称构图
金属光泽
历史感
土属设计强调稳定感与权威性。厚实字体、对称版式、精细排版。
黄金比例是土行设计的天然规则。
适用：金融、奢品、文化、传统、高端 B2B 品牌。
色板 · 8 Tones
焦土
Scorched
#2E1A08
最深背景
深土
Deep Loam
#6B4226
深色 BG
赭石
Ochre
#A67840
主色
中黄
Imperial Yellow
#C9912A
强调 / 品牌色
沙金
Sand Gold
#D4A853
高光 / 装饰
麦秸
Wheat Straw
#E2C47A
过渡 / 辅助
象牙
Ivory
#EDD9A3
浅色辅助
米白
Warm Cream
#F5E6C8
浅底 / 正文底
渐变 · Gradients
焦土沉香
厚土生金
黄沙暖光
大漠落日
UI 预览 · UI Preview
Dark · 厚土调
千年之基
极暗棕底+金色点缀，奢品感强烈。高端品牌、定制服务、收藏类平台首选。
立即预约
#2E1A08 · #C9912A · #EDD9A3
Light · 暖土调
温厚之所
米白底配赭石文字，温润厚重。传统文化、金融理财、高档餐饮内容页适用。
深入了解
#F5E6C8 · #A67840 · #2E1A08
Rich · 赭金调
沉厚如山
深棕背景+沙金细节，成熟稳重又有光泽感。适合 B2B、企业官网主视觉。
联系我们
#6B4226 · #D4A853 · #E2C47A
品牌原型 · Brand Archetypes
金融 / 财富
黄色是财富与权力的古老象征。金融机构、理财产品、私募基金用土色传达稳健信任感。
文化 / 传统
土色与历史感天然匹配。博物馆、非遗品牌、文化机构用赭石系传达厚重的时间积淀。
奢品 / 高端
深土+金色=权威奢华。高端定制、珠宝、私人服务品牌的核心视觉语言。
金
金
Metal · 西方 · 庚辛 · 秋 · 白 · 肺
金
Metal · Precision
金者，从革也。刚锐而收敛，秋风肃杀，万物凝结。
西方白虎，色尚白银，象征纯净、精准与不可动摇的结构。
设计语言 · Design Language
极简主义
无衬线
锐利边缘
精密网格
冷色调
高端感
金属感设计以冷静克制为核心语言。大量留白、精密排版、无装饰原则。
Apple、Tesla 的视觉语言本质上就是「金行」。
适用：科技、汽车、医疗、SaaS、高端 B2B。
色板 · 8 Tones
玄铁
Dark Iron
#0A0F14
最深背景
铸铁
Cast Iron
#1E2830
深色 BG
钢青
Steel Blue
#3A4A58
主色
铁灰
Iron Gray
#607888
辅助色
银灰
Silver Mist
#8FA0B0
中间调
霜银
Frost Silver
#B8C8D8
高光 / 强调
冰雾
Ice Fog
#D8E4EE
浅色辅助
月白
Moon White
#EBF0F5
浅底 / 卡片
渐变 · Gradients
钢铁之夜
银雾渐显
霜白清晨
镀银收敛
UI 预览 · UI Preview
Dark · 玄铁调
冷静如钢
极暗冷底，银色高光，科技感与奢品感并存。适合高端 SaaS、汽车、医疗器械。
立即体验
#0A0F14 · #3A4A58 · #B8C8D8
Light · 月白调
极简之境
极简浅色系，高端医疗、企业服务、法律金融首选。干净可信，没有一点多余。
获取方案
#EBF0F5 · #3A4A58 · #1E2830
Mid · 钢青调
精密架构
深钢渐变背景，适合数据驾驶舱、后台系统、B2B 展示页面。
查看详情
#1E2830 → #3A4A58 · #B8C8D8
品牌原型 · Brand Archetypes
科技 / SaaS
金属感=科技感。银灰冷色系是 B2B SaaS 的经典语言，传达专业、稳定、可信赖。
医疗 / 精密
金行的「收敛」与「精准」天然契合医疗器械、精密制造、检测认证类品牌。
汽车 / 工业
钢铁是工业的本质材料。玄铁深底+霜银细节是高端汽车品牌视觉的黄金公式。
水
水
Water · 北方 · 壬癸 · 冬 · 黑 · 肾
水
Water · Wisdom
水者，润下也。善利万物而不争，处众人之所恶。
北方玄武，冬日深藏，色尚玄黑深蓝，象征智慧、深度与无边包容。
设计语言 · Design Language
深邃感
流动动效
透明质感
大图背景
信任建立
智识权威
水行设计强调深度与流动性。玻璃拟态（glassmorphism）是水行的当代表达。
深蓝传达信任，是全球用户最接受的「安全色」。
适用：金融科技、数据平台、媒体、咨询、AI 产品。
色板 · 8 Tones
深渊
Abyss
#05101E
最深背景
玄夜
Deep Night
#0A1A2E
深色 BG
沧海
Ocean Deep
#1A3A6B
主色
湛蓝
Azure
#2B7CB0
强调 / CTA
青碧
Teal
#2C8C99
辅助色
碧波
Ripple
#5BAAD0
高光 / 图标
天光
Sky Light
#A0CCEB
浅色辅助
晴空
Clear Sky
#D0E8F5
浅底 / 卡片
渐变 · Gradients
深海黑水
极夜破晓
海天一色
水墨入深
UI 预览 · UI Preview
Dark · 深渊调
智识深水
极暗夜底配湛蓝高光，AI产品、数据平台、金融科技首选。深度感与未来感并存。
探索数据
#05101E · #2B7CB0 · #D0E8F5
Light · 晴空调
清明可信
浅蓝底，传达清洁、专业与信任。医疗健康、企业官网、咨询类品牌经典选择。
立即咨询
#D0E8F5 · #1A3A6B · #0A1A2E
Ocean · 碧海调
流动之智
深海到青碧渐变，流动感强。适合 AI 产品、数据可视化、创新媒体平台。
查看演示
#0A1A2E → #2C8C99 · #A0CCEB
品牌原型 · Brand Archetypes
AI / 数据
水行的「智慧」与「流动」对应 AI 产品的核心气质。深蓝是当前 AI 品牌最主流的视觉语言。
金融科技
蓝色是信任色，全球银行与金融机构超过 60% 以蓝色为主色。水行是金融品牌的天然归属。
咨询 / 媒体
水行代表「包容」与「深度」，知识媒体、智库、咨询机构用深蓝系传达权威与客观。
Full Spectrum · 五行全色谱 · 40 Tones
木
Wood
火
Fire
土
Earth
金
Metal
水
Water
五行相生配色 · Cross-Element Combinations
木生火
生长破局
#2E7D3C
#4CAF65
#E8401A
#F5A623
火生土
烈焰厚积
#C01E1E
#E8401A
#C9912A
#D4A853
土生金
厚土凝华
#A67840
#C9912A
#3A4A58
#B8C8D8
金生水
锐敛流深
#3A4A58
#8FA0B0
#2B7CB0
#2C8C99
水生木
润泽萌发
#1A3A6B
#2C8C99
#2E7D3C
#4CAF65
木
火
土
金
水
Five Elements · Full Spectrum · 五行并列全带
#4CAF65
#E8401A
#C9912A
#B8C8D8
#2B7CB0
五行相生相克 · Generation & Control Cycle
相生：相邻两行天然和谐，色彩过渡自然，
用于主色+辅色搭配最稳。
相克：对立两行对比强烈，适合强调和冲突感，慎用。
木
Wood
→
火
Fire
→
土
Earth
→
金
Metal
→
水
Water
↺
木
→
火
木生火 · 相生
绿+橙红：活力突破，适合成长品牌
火
→
土
火生土 · 相生
橙红+金黄：热烈而有根基，餐饮首选
土
→
金
土生金 · 相生
金黄+银灰：权威高端，金融奢品
金
→
水
金生水 · 相生
银灰+深蓝：冷静可信，科技B2B
水
→
木
水生木 · 相生
深蓝+翠绿：知识与成长，教育AI
Palette Combinations · 配色方案 · Single Element
火 — 单行配色
朱砂、炎橙、琥珀——热烈、冲击、向上
火
Fire · Dark · 深火调
暗火核心
Dark Flame Core
极深底色承托朱砂，像火苗在黑暗中燃烧。适合高端品牌夜间模式、高端科技产品主页。
#1A0808
#7B1010
#C01E1E
#E8401A
#FDE8D0
高端科技 · 夜间模式 · 奢品
火
Fire · Vivid · 纯火调
烈焰升腾
Blazing Ascent
朱砂做主色背景，视觉冲击最强。发布会、促销活动、大促页首屏最有效。
#7B1010
#C01E1E
#F5A623
#FDE8D0
发布页 · 大促 · Landing Page
火
Fire · Light · 暖光调
暖光晨曦
Warm Dawn
浅暖底+深朱按钮，温暖不刺眼。食品、消费品、内容媒体的经典暖色方案。
#FDE8D0
#F5A623
#E8401A
#C01E1E
食品 · 消费品 · 内容媒体
Palette Combinations · 配色方案 · Single Element
土 — 单行配色
中黄、赭石、沙金——承载、稳重、信任
土
Earth · Dark · 深土调
千年之基
Millennial Foundation
极深棕底托出黄金，厚重感来自对比而非饱和度。奢侈品、收藏品、高端服务专用。
#1A0E06
#6B4226
#C9912A
#F5E6C8
奢品 · 收藏 · 高端服务
土
Earth · Mid · 赭石调
厚土承载
Earth Carries All
赭石做主色背景，既有重量又不压抑。传统文化品牌、博物馆、茶品牌标志性方案。
#6B4226
#A67840
#C9912A
#F5E6C8
传统文化 · 博物馆 · 茶品牌
土
Earth · Light · 米白调
米白暖阳
Warm Cream Glow
柔和米白底，带来温润可信的第一印象。金融理财、专业服务、高端 B2B 内容页。
#F5E6C8
#D4A853
#A67840
#2E1A08
金融 · B2B 服务 · 专业内容
Palette Combinations · 配色方案 · Single Element
木 — 单行配色
苍翠、新绿、晨露——生机、成长、有机
木
Wood · Dark · 深林调
深林之夜
Forest Night
深绿夜色，荧光绿点亮。高端自然护肤、有机食品、可持续科技的现代表达。
#0D2914
#2E7D3C
#4CAF65
#EBF5E8
有机护肤 · 可持续 · 高端农业
木
Wood · Mid · 苍翠调
春日萌发
Spring Awakening
苍翠中调，充满生命力。健康 App、运动品牌、教育平台的活力主色方案。
#1A4A24
#2E7D3C
#4CAF65
#EBF5E8
健康 App · 教育 · 运动
木
Wood · Light · 晨露调
晨露清新
Morning Fresh
最干净的自然系配色。极浅绿底+深绿文字，适合医疗健康、有机电商、清洁类产品。
#EBF5E8
#4CAF65
#2E7D3C
#0D2914
医疗健康 · 有机电商 · 清洁
Palette Combinations · 配色方案 · Single Element
金 — 单行配色
霜银、钢青、玄铁——精准、收敛、极简
金
Metal · Dark · 玄铁调
玄铁深夜
Dark Steel
最冷最静的方案。银色在黑铁底上如刀锋，高端汽车、精密器械、顶级 SaaS 御用。
#0A0F14
#3A4A58
#B8C8D8
#EBF0F5
汽车 · 精密仪器 · 顶级 SaaS
金
Metal · Light · 霜白调
霜白极简
Frost Minimal
最接近 Apple 设计语言的方案。浅冷底+深钢文字，传达无可挑剔的专业感与品质感。
#EBF0F5
#8FA0B0
#3A4A58
#0A0F14
科技 · 医疗 · 企业官网
金
Metal · Mid · 钢青调
钢铁意志
Iron Will
钢青中调，均衡专业感。企业级产品展示页、数据驾驶舱、B2B 服务平台的稳健选择。
#1E2830
#3A4A58
#B8C8D8
#EBF0F5
企业展示 · 数据系统 · B2B
Palette Combinations · 配色方案 · Single Element
水 — 单行配色
玄夜、湛蓝、晴空——智慧、深度、信任
水
Water · Dark · 玄夜调
深海智慧
Ocean Intelligence
最有未来感的深色方案。宇宙般的深邃底色托出湛蓝，AI 产品、金融科技的首选视觉语言。
#05101E
#1A3A6B
#2B7CB0
#D0E8F5
AI 产品 · 金融科技 · 数据平台
水
Water · Mid · 沧海调
碧海青天
Azure Horizon
深蓝主色方案，全球用户认知最高的「信任色」。银行、保险、政务、企业官网的标配。
#0A1A2E
#1A3A6B
#2B7CB0
#D0E8F5
银行 · 保险 · 政务 · 企业
水
Water · Light · 晴空调
晴空万里
Clear Sky
浅蓝底的清洁感是医疗与健康行业的语言。清爽、透明、可信，消除用户的所有疑虑。
#D0E8F5
#5BAAD0
#2B7CB0
#0A1A2E
医疗 · 健康科技 · 咨询
Cross-Element · 五行相生配色
相生 — 天然和谐
相邻两行相生，色彩过渡自然，主辅色搭配最稳
木生火 · Wood → Fire
生长破局
Vital Breakthrough
绿与红的张力——生命力与爆发力并存。创业品牌、成长类产品发布页，传达「从 0 到 1」的能量。
#4CAF65
#E8401A
#F5A623
创业 · 成长型产品 · 发布页
火生土 · Fire → Earth
烈焰生金
Fire Begets Earth
橙红过渡到金黄，保留热烈又增添厚重。餐饮品牌、节日电商、文化消费的黄金配色。
#E8401A
#C9912A
#D4A853
餐饮 · 节日电商 · 文化消费
土生金 · Earth → Metal
厚土凝华
Earth Forges Metal
金黄到银白，权威与精准兼具。金融科技、精品投行、高端 B2B 咨询，信任与专业的双重背书。
#C9912A
#3A4A58
#B8C8D8
金融科技 · 精品投行 · 高端咨询
金生水 · Metal → Water
锋锐化流
Steel to Stream
银灰无缝过渡到深蓝，冷静中带流动感。高端 SaaS、数据分析、自动化平台的专业形象。
#8FA0B0
#2B7CB0
#2C8C99
SaaS · 数据分析 · 自动化
水生木 · Water → Wood
润泽萌发
Water Nurtures Wood
深蓝过渡到深绿，知识滋养生长。EdTech、AI 教育、智慧农业，传达「用数据驱动成长」的品牌哲学。
#2C8C99
#2E7D3C
#4CAF65
EdTech · AI 教育 · 智慧农业
Five Elements · 五行并聚
木火土金水
Five Elements United
五行归一。用于品牌系统的完整色彩规范封面，或强调「五维平衡」概念的核心视觉。
#4CAF65
#E8401A
#C9912A
#B8C8D8
#2B7CB0
品牌规范封面 · 系统概念页
Special Combos · 特殊组合
跨行对比与混搭
非相生组合，用于需要强张力或独特调性的场景
水克火 · 对冲张力
冰火之间
Ice & Fire
极端对比产生张力。游戏、格斗、对抗类产品的专属能量。
#2B7CB0
#E8401A
木金 · 自然科技
自然科技
Nature × Tech
绿色的自然感+银色的科技感。生态科技、绿色能源、可持续科技品牌。
#4CAF65
#B8C8D8
火金 · 热烈奢华
烈金之境
Fire & Silver
朱砂+银白，热烈与精准的碰撞。时尚品牌、运动奢品、高端消费科技。
#E8401A
#B8C8D8
土水 · 稳健流动
沉稳智流
Earth & Water
金黄+深蓝，传统权威遇上现代数字化。老牌金融机构数字化转型的视觉方案。
#C9912A
#2B7CB0
Dark Base · 黑底系列
以暗为底，五行点睛
统一黑底，用五行色作为高亮点，适合高端品牌统一视觉系统
Dark Base · All Five · 黑底五行
万象归暗
All Elements in Dark
以黑为底，五行为点。适合需要展示完整产品系列或功能模块的品牌，每种颜色对应一个维度。
#080807
#4CAF65
#E8401A
#C9912A
#B8C8D8
#2B7CB0
品牌系统 · 产品线区分 · 功能模块
火土
Dark · Fire + Earth · 火土双主
炎土并立
Fire & Earth on Dark
黑底将火的热烈与土的厚重同时放大。有玄学感、有力量、有根基，不失高端。
#0A0806
#E8401A
#C9912A
#D4A853
#F5E6C8
★ 推荐 — 火土并重，玄学感最强