图表颜色搭配规范
为了使用工作区整体体验一致性与视觉舒适感，工作区logo颜色、banner颜色、图标颜色、表格颜色尽量要设计为同一色系。
下面我们为大家准备了一些颜色的配色搭配模板供大家使用。
注：表格里色号可直接复制使用哦~
红色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | |
|---|---|---|---|---|
| 红色_01 | E64747 | EF7473 | FF8C36 | FCC353 |
| 红色_02 | EB164B | FC90BC | F7C6BB | FD9174 |
橙色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | |
|---|---|---|---|---|
| 橙色_01 | FF8B59 | F7DF52 | CD6B5C | E1A79D |
| 橙色_02 | FFBD5E | FFE155 | C24B38 | FF8B59 |
黄色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | 辅助色04 | |
|---|---|---|---|---|---|
| 黄色_01 | F8BE3D | FD612C | B50D35 | F38665 | D1D1ED |
| 黄色_02 | FEBF34 | FD834C | 63B086 | C4D6DC |
绿色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | 辅助色04 | |
|---|---|---|---|---|---|
| 绿色_01 | 49B204 | BDCB0F | EAE5BD | 5CD6D0 | 95B7EB |
| 绿色_02 | 9ACBC7 | EAB1BC | A9CE52 | 2CC495 | 80C0E0 |
蓝色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | 辅助色04 | |
|---|---|---|---|---|---|
| 蓝色_01 | 18A6EB | 3C67D3 | 4ADEDC | 7FD6F4 | 3DD1B4 |
| 蓝色_02 | 78B5FC | 4467F2 | B26EFD | 4ADEDC |
浅紫色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | |
|---|---|---|---|---|
| 紫色_01 | 6957EE | EEA4FB | 79C8F3 | B3BEE9 |
| 紫色_02 | DDA4FC | FED2FC | F7D0C5 | A18ECF |
深紫色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | 辅助色04 | |
|---|---|---|---|---|---|
| 深紫色_01 | 7D3AFF | F790F8 | 53C0F4 | 8AB3FC | 18A6EB |
| 深紫色_02 | B26EFD | F4C4FA | F4E4B7 | 8AB3FC |
深色系
| 主色 | 辅助色01 | 辅助色02 | 辅助色03 | 辅助色04 | |
|---|---|---|---|---|---|
| 深色_01 | 582ECC | 744DB2 | CD41D9 | F4C4FA | B26EFD |
| 深色_02 | 3E3EDD | 25AEF2 | 80E7ED | A4A4F7 |