五行色彩系统 · Wuxing Color System
火
&
土
Moodboard
取五行之象：火主热烈、光明、向上；土主厚重、承载、滋养。
以下色彩从玄学传统中提炼，适配现代网站设计语境。
Fire · 火 · Yang
朱砂、烈焰、琥珀 — 热、动、升
朱砂红
Cinnabar
#C0 1E 1E
主色 / Primary
炎橙
Blaze Orange
#E8 40 1A
主色 / CTA
赤焰
Ember
#F0 6B 1F
强调 / Accent
琥珀金
Amber Gold
#F5 A6 23
强调 / Highlight
深火
Deep Flame
#7B 10 10
深色背景 / Dark BG
晨曦
Dawn Glow
#FD E8 D0
浅色背景 / Light BG
Earth · 土 · Center
赭石、黄土、沙金 — 稳、厚、藏
中黄
Imperial Yellow
#C9 91 2A
主色 / Primary
赭石
Ochre
#A6 78 40
主色 / Secondary
沙金
Sand Gold
#D4 A8 53
强调 / Accent
深土
Deep Loam
#6B 42 26
深色背景 / Dark BG
黄铜
Brass
#8B 69 14
边框 / Border
米白
Warm Cream
#F5 E6 C8
浅色背景 / Light BG
Palette Combinations · 配色方案
三种调性，按品牌选
烈火生金
Fire Begets Earth
暗底·火焰主调
#0F0A08
#C0 1E 1E
#E8 40 1A
#D4 A8 53
#F5 E6 C8
厚土承载
Earth Carries All
暖底·黄土主调
#F5 E6 C8
#A6 78 40
#C9 91 2A
#6B 42 26
#E8 40 1A
炎土之境
Fire Meets Earth
深暗·火土融合
#1A 10 08
#C0 1E 1E
#F5 A6 23
#A6 78 40
#8B 69 14
Usage Guide · 网站用色建议
哪个颜色放哪里
Hero / Brand
朱砂红
#C0 1E 1E
Logo
导航选中
标题强调
CTA / Action
炎橙
#E8 40 1A
按钮
立即行动
重要链接
Accent / Trust
沙金
#D4 A8 53
图标
装饰线
价格标注
Body / Depth
赭石
#A6 78 40
正文辅助
卡片边框
分隔线
Dark BG
深火
#7B 10 10
深色区块
Footer
Hero背景
Dark Earth
深土
#6B 42 26
深色背景
侧边栏
卡片背景
Light BG
米白
#F5 E6 C8
浅色背景
正文底色
留白
Highlight
琥珀金
#F5 A6 23
Badge
通知
热门标签
Gradients · 渐变灵感
Hero Banner / Section 背景用
Fire Rise · 烈焰升腾
Earth Deep · 厚土沉香
Fire Earth · 炎土之光
Dark Flame · 暗火核心
Gold Sand · 黄沙暖光
Earth Horizon · 地平之线
玄学来源 · Metaphysical Roots
火（Fire）
：五行南方、夏季、午时。
对应颜色：
赤 / 朱砂
。象征热烈、光明、生命力。
五行生克：木生火、火生土。
土（Earth）
：五行中央、四季末、未申时。
对应颜色：
黄
。象征承载、稳重、滋养万物。
五行生克：火生土、土生金。
火生土：两者相生，配色天然和谐。
品牌调性建议 · Brand Tone
以火为主
活力、突破、创新。适合科技、创业品牌。
以土为主
信任、稳健、传承。适合高端、传统、奢品。
火土并重
热烈但有根基。适合文化创意、餐饮、品牌营销。