您可以把颜色的例子中显示的输出结果直接粘贴到一个 createTheme() 函数里（需要与 ThemeProvider 配合使用）：
import { createTheme } from '@material-ui/core/styles';
import purple from '@material-ui/core/colors/purple';
const theme = createTheme({
palette: {
primary: {
main: purple[500],
},
secondary: {
main: '#f44336',
},
},
});
您只需提供 主要的 阴影（shades）（除非您希望进一步自定义 light，dark 或 contrastText 这几个属性），在 定制主题 章节中提到，这是因为其他颜色会由 createTheme() 自动计算。
如果你在使用默认的主要和/或次要阴影，那么通过提供一个颜色对象（color object） ，createTheme() 将会根据主（main）、亮（light）和暗（dark）三种 material 颜色使用合适的阴影。
社区提供的一些工具
create-mui-theme：使用 Material Design 颜色工具来创建 Material-UI 主题的在线工具。
material-ui-theme-editor：只需要选择颜色即可为你的 Material-UI 应用生成主题的工具，同时还支持在线预览。
Material palette generator：它可用于通过您输入的任何颜色生成一系列的调色板。
2014 Material Design 调色板这些调色板最初由 Material Design 于 2014 年创建，由一些旨在和谐搭配的颜色组成，您可以用它们来开发品牌调色板。 要生成您专属的颜色协调的调色板，请使用调色板生成工具。
一些重要的术语
调色板（Palette ）：调色板是一个颜色的集合，例如色调及其阴影。 Material-UI 提供 Material Design 指南中的所有颜色。 设计 此调色板 时，我们确保了各个颜色之间的协调呈现。
色调（Hue）和阴影（Shade）：调色板中的单个颜色是由色调（如 "red"）和阴影（如 "500"）组成。 "red 50" 是红色的最浅的阴影（* pink! *），而 "red 900" 是最深的红色。 除此之外，大多数的色调都带有以 A 为前缀的强调（accent）色调。
调色板若给定了一种色调（如红色，粉红色等）以及一个阴影 （500，600 等），您可以像这样导入颜色：
import HUE from '@material-ui/core/colors/HUE';
const color = HUE[SHADE];