Let's build a new theme that sets color intentions using the built-in color objects of Material-UI. To help tweak your theme, this example uses Hue and Shade Storybook controls:
The three color intentions are represented as tabs across the top. The PRIMARY intention is currently selected and it has a Hue selector and a Shade number range. Each intention has the same controls. The Hue selector is populated with the same colors available to import from Material-UI:
Here's the source that uses these Storybook controls to build ...