点缀色板
主体黑白灰 · 点缀可彩色——两个不同的概念
主题风格（主体）永远是黑白灰：页面背景、卡片、面板、正文、导航、大区块走语义类（text-primary / btn-primary / text-secondary），默认主题自动锁灰。本页列出的颜色是细节点缀的备选色板：只用于徽章、状态点、图标、小标签、行内涨跌等小面积强调。裁决标准不是"是否用了彩色"，而是"彩色是否守住点缀角色、不侵蚀主体"。
✅ 徽章点缀
✅ 行内涨跌 +2.4%
✅ 会员标记
❌ 反例（只作示意，勿照抄）：
<div class="card bg-blue-lt"> 把彩色当卡片主体背景——2026-09-26 日历卡片事故的真实错误。照抄库内样板页只抄结构与交互，不抄主体色；字面 hex 仅限灰阶（r=g=b，容差 8）。完整规则见母本《设计合同.md》，机器校验 python 检查灰阶合同.py。
bl
Blue
#066fd1
az
Azure
#4299e1
id
Indigo
#4263eb
pu
Purple
#ae3ec9
pk
Pink
#d6336c
rd
Red
#d63939
or
Orange
#f76707
yl
Yellow
#f59f00
lm
Lime
#74b816
gn
Green
#2fb344
tl
Teal
#0ca678
cy
Cyan
#17a2b8
bl
Blue Light
#066fd1
az
Azure Light
#4299e1
id
Indigo Light
#4263eb
pu
Purple Light
#ae3ec9
pk
Pink Light
#d6336c
rd
Red Light
#d63939
or
Orange Light
#f76707
yl
Yellow Light
#f59f00
lm
Lime Light
#74b816
gn
Green Light
#2fb344
tl
Teal Light
#0ca678
cy
Cyan Light
#17a2b8
50
Gray 50
var(--tblr-gray-50)
100
Gray 100
var(--tblr-gray-100)
200
Gray 200
var(--tblr-gray-200)
300
Gray 300
var(--tblr-gray-300)
400
Gray 400
var(--tblr-gray-400)
500
Gray 500
var(--tblr-gray-500)
600
Gray 600
var(--tblr-gray-600)
700
Gray 700
var(--tblr-gray-700)
800
Gray 800
var(--tblr-gray-800)
900
Gray 900
var(--tblr-gray-900)
950
Gray 950
var(--tblr-gray-950)
Facebook
var(--tblr-facebook)
Twitter
var(--tblr-twitter)
X
var(--tblr-x)
Linkedin
var(--tblr-linkedin)
Google
var(--tblr-google)
Youtube
var(--tblr-youtube)
Vimeo
var(--tblr-vimeo)
Dribbble
var(--tblr-dribbble)
Github
var(--tblr-github)
Instagram
var(--tblr-instagram)
Pinterest
var(--tblr-pinterest)
VK
var(--tblr-vk)
RSS
var(--tblr-rss)
Flickr
var(--tblr-flickr)
Bitbucket
var(--tblr-bitbucket)
Tabler
var(--tblr-tabler)