现代 UI 设计很流行用蓝灰色来替代灰阶色。

灰阶即从白到黑的、没有任何“颜色”的颜色：

蓝灰色则是在灰阶的基础上，加一点蓝色。比如将 HSB 的色调拉到蓝色位置，就能得到这种偏蓝的灰阶：

使用蓝灰的色表有哪些

Material Design

首先当然是大名鼎鼎的 Google Material Design，其色表很早就纳入了 Blue Gray 系列：

不过谷歌鼓励的文本颜色仍然是黑色。

做过设计且接触过 Material Design 的，都绕不开三个数字：87、60、38，即三种级别的文本透明度：

苹果

在苹果的 iOS 人机交互准则中，可以看到苹果的 6 组灰色：

从 RGB 色值来看，苹果只往 Blue 部分加了一点点，效果比较微妙。

除此之外，可以详细看苹果给开发者们提供的不同场景下的颜色：

看第一行可知，苹果在亮色模式下的文本颜色默认仍是纯黑色。

IBM

在 IBM 设计语言的颜色一节中，可以看到三栏灰色，冷灰、灰、暖灰：

但 IBM 使用的灰仍然是正灰色：

火狐

火狐所用的设计系统名为 Photon Design System，这是他们的灰阶色表：

这是他们的文本的色值：

Atlassian

Atlassian 自不必说，本身是一个非常“蓝”的团队，就连文本的主色也是严重偏蓝（下图的 N800）：

Open Color

Open Color 是一套开源的颜色表，可以通过 npm 引入 Web 前端开发中。我认为其灰色序列还是比较漂亮的：