颜色承载了不同的寓意。 开箱即用，您可以查看 Material Design 规范中的所有颜色。

使用 Material Design 的颜色系统，您可创建表现独特品牌或风格的颜色主题。

Material Design 团队也搭建了一个非常棒的调色板配置工具： material.io/resources/color/。 您可以用它来为 UI 创建调色板，以及检测任何颜色组合的无障碍水平。

输出的结果可以被传入到 createTheme() 函数中：

若想用 Material-UI 文档来测试 material.io/design/color 的配色方案，只需使用下面的调色板和滑块来选取颜色即可。 另外，您也可以在主要（Primary）和次要（Secondary）文本字段中输入十六进制（hex）值。

Shade:

500

Shade:

A400

您可以把颜色的例子中显示的输出结果直接粘贴到一个 createTheme() 函数里（需要与 ThemeProvider 配合使用）：

您只需提供 主要的 阴影（shades）（除非您希望进一步自定义 light，dark 或 contrastText 这几个属性），在 定制主题 章节中提到，这是因为其他颜色会由 createTheme() 自动计算。

如果你在使用默认的主要和/或次要阴影，那么通过提供一个颜色对象（color object） ，createTheme() 将会根据主（main）、亮（light）和暗（dark）三种 material 颜色使用合适的阴影。

这些调色板最初由 Material Design 于 2014 年创建，由一些旨在和谐搭配的颜色组成，您可以用它们来开发品牌调色板。 要生成您专属的颜色协调的调色板，请使用调色板生成工具。

若给定了一种色调（如红色，粉红色等）以及一个阴影 （500，600 等），您可以像这样导入颜色：

例如：您可以参考互补的主色和重点色，像 "red 500" 和 "purple A200" 这样的：