Theming: Colors

Example Usage:

To use the primary color for a button:

<Button
  color="primary"
>
  Example Button
</Button>

Configuration:

Material-UI Palette Docs

Material-UI uses a javascript object to configure its theme for all things including color palette like this:

export const resourceMidnightBlue = '#1F1440';
export const resourceRoyalPurple = '#7348FF';
export const resourceCrystalBlue = '#38E4FF';
export const resourceRed = '#FF2E57';
export const resourceGrey = '#EFEEF1';
export const resourceWhite = '#FFFFFF';
export const resourceOrange = '#FF7227';
export const resourceTheme = createMuiTheme({
  palette: {
    primary: {
      main: resourceRoyalPurple,
    },
    secondary: {
      main: resourceRed,
    },
    warn: {
      main: resourceOrange,
    },
  },
}