青蓝系传统色名 · 色导网传统色谱
汉语里的「青」横跨今天的蓝与绿，所以这一系最热闹：从几乎白的月白到近黑的藏青，中间还夹着矿物颜料的群青。它们共同的特点是偏冷、带一点灰，放在界面里不容易吵。
色卡
#D6E0E8
#8FC0CB
#7FB6CE
#4A7E9B
#3A77C9
#1C5CA8
#2E4E9E
#1B3B6F
#30444B
#202F51
每个色能承担什么
| 色名 | 近似值 | 压白底对比度 | 在白底上的用途 | 自身作底时配 |
|---|---|---|---|---|
| 月白 | #D6E0E8 | 1.34:1 | 只宜作底色 | 墨字 |
| 缥色 | #8FC0CB | 1.99:1 | 只宜作底色 | 墨字 |
| 天青 | #7FB6CE | 2.21:1 | 只宜作底色 | 墨字 |
| 霁青 | #4A7E9B | 4.42:1 | 可作大字或图形色 | 白字 |
| 蔚蓝 | #3A77C9 | 4.50:1 | 可作正文色 | 白字 |
| 宝蓝 | #1C5CA8 | 6.68:1 | 可作正文色 | 白字 |
| 群青 | #2E4E9E | 7.78:1 | 可作正文色 | 白字 |
| 靛青 | #1B3B6F | 11.04:1 | 可作正文色 | 白字 |
| 鸦青 | #30444B | 10.22:1 | 可作正文色 | 白字 |
| 藏青 | #202F51 | 13.23:1 | 可作正文色 | 白字 |
用法要点
- 月白与缥色太浅，只能当底色或极淡的分隔；放文字一定不可读。
- 霁青到宝蓝这一段是界面可用区：霁青适合次级文字，宝蓝、靛青适合按钮与链接。
- 鸦青与藏青当深色底，上面配月白或素，比配纯白柔和。
- 同一页里不要同时用蔚蓝和宝蓝——它们的色相差不足以让人看出是两个意思。
搭配建议
青蓝系自己就能撑起一整套界面：藏青当深底、靛青当主色、霁青当次级文字、月白当底色。要加一个强调色时，往黄褐系取缃色或杏黄，冷暖对冲最稳。