The first place most people start when building a new Material-UI theme is with the color palette. Color palettes can be very complex with a lot of moving parts: Material-UI themes are no exception, but Material-UI hides a lot of the complexity. Your focus is on the color intentions of the theme while Material-UI uses these color intentions to compute other colors where necessary. Taken straight from the Material-UI theme documentation, the intentions are as follows:
- Primary: Used to represent primary interface elements
- Secondary: Used to represent secondary interface elements
- Error: Used to represent interface elements that the user should be made aware of
