基础色板
功能色板
Teek 功能色板
功能色板当前包含 0 个主色调及衍生色阶， 专为数据可视化和管理后台设计。1-9 的色阶基于色彩算法自动计算生成。
其中 Primary 主色调已经在项目启动的时候自动生成了，您可以通过 var(--tk-color-primary-i) 来获取，其中 i 为 1 - 9 的数字
基础色板
色彩生成工具
如果上面的色板不能满足你的需求，你可以选择一个品牌色，Teek 的色彩生成算法通过 线性混合 方式来生成另外一种衍生色，你看到的 9 个衍生色是因为循环 9 次。
基础色板
Teek 基础色板
Teek 的基础色板共计 120 个颜色，包含 12 个主色以及衍生色。当前色板是 UX 设计师设计出来，并没有依靠色板算法生成，如果你喜欢根据一个主色生成衍生色，那么可以参考 AntDesign 的色板生成工具 colors
基础色板
Crimson Aurora / 绯色晨曦重要操作引导与关键状态强调
#d93126
red-1#fdeceb
red-2#f7cfcb
red-3#f1b1ab
red-4#ea9189
red-5#e37066
red-6#d93126
red-7#b5251b
red-8#911910
red-9#6d0d07
red-10#4a0301
Ember Glow / 烬火余温系统异常提示与待处理事项
#dd5c27
volcano-1#fef1eb
volcano-2#f9d7c4
volcano-3#f4ba9e
volcano-4#ef9c79
volcano-5#e97d55
volcano-6#dd5c27
volcano-7#b7491c
volcano-8#913612
volcano-9#6b2408
volcano-10#471301
Golden Hour / 鎏金时刻过渡期提醒与温和预警
#e68a00
orange-1#fff7e6
orange-2#ffe7ba
orange-3#ffd58f
orange-4#fec064
orange-5#fca839
orange-6#e68a00
orange-7#bf6f00
orange-8#995400
orange-9#733a00
orange-10#4d2000
Verdant Whisper / 翠黛私语达成状态与自然生态场景
#0b9e40
green-1#e8fff0
green-2#bff2c7
green-3#98e4a1
green-4#73d67e
green-5#50c860
green-6#0b9e40
green-7#098235
green-8#066629
green-9#044a1d
green-10#012e12
Citrus Zest / 柚香初萃轻盈的提醒与愉悦感元素
#f8d837
yellow-1#ffffe8
yellow-2#fefcc4
yellow-3#fcf6a0
yellow-4#fbee7d
yellow-5#f9e45a
yellow-6#f8d837
yellow-7#cdab22
yellow-8#a28112
yellow-9#775907
yellow-10#4d3600
Sylvan Hush / 林间幽影生长、更新与自然生命力表现
#80c910
lime-1#faffe8
lime-2#e4f4b6
lime-3#cce987
lime-4#b3df5c
lime-5#99d434
lime-6#80c910
lime-7#65aa0a
lime-8#4d8b06
lime-9#376c02
lime-10#244d00
Aqua Mirage / 碧波幻境清新科技感与水元素表现
#2dd5e0
cyan-1#e8fffd
cyan-2#bff9f5
cyan-3#98f3f0
cyan-4#73ecec
cyan-5#4fe1e6
cyan-6#2dd5e0
cyan-7#1cabbb
cyan-8#0f8496
cyan-9#065f71
cyan-10#003d4d
Azure Horizon / 晴空边际开阔视野与可靠体验表现
#1890ff
geekblue-1#e8f8ff
geekblue-2#bee8ff
geekblue-3#95d6ff
geekblue-4#6bc1ff
geekblue-5#42aaff
geekblue-6#1890ff
geekblue-7#0f6dd2
geekblue-8#084fa6
geekblue-9#033479
geekblue-10#001d4d
Cerulean Veil / 蔚蓝帷幔品牌核心交互色与导航元素
#395ae3
blue-1#f2f5ff
blue-2#d9e6ff
blue-3#a4bffc
blue-4#7a9df5
blue-5#577ae8
blue-6#395ae3
blue-7#233dc2
blue-8#132598
blue-9#071272
blue-10#00054d
Blush Petal / 绯云花瓣女性化元素与温柔情感表达
#ee3a9e
magenta-1#ffe8f1
magenta-2#fcc3db
magenta-3#f8a0c8
magenta-4#f57db7
magenta-5#f15ba9
magenta-6#ee3a9e
magenta-7#c62482
magenta-8#9d1368
magenta-9#75074e
magenta-10#4d0034
Velvet Twilight / 丝绒暮色神秘感与艺术创意场景
#7830dd
purple-1#f5e8ff
purple-2#dfbff8
purple-3#c799f1
purple-4#ad74eb
purple-5#9351e4
purple-6#7830dd
purple-7#591eb9
purple-8#3f1095
purple-9#280671
purple-10#16004d
Raspberry Rapture / 莓果沉醉视觉焦点引导与奢华质感
#d82bd8
pink-1#ffe8fb
pink-2#f7bef0
pink-3#ef96e6
pink-4#e870e0
pink-5#e04cdb
pink-6#d82bd8
pink-7#b01bb5
pink-8#890f92
pink-9#65066f
pink-10#42004d