Colors

Custom global color inside src/theme/palette.


Material color tool

https://mui.com/customization/color/.


Eva color tool

https://colors.eva.design/.

We recommend picking colors with these values for Eva tool:

  • Lighter : 100
  • Light : 300
  • Main : 500
  • Dark : 700
  • Darker : 900
const PRIMARY = {
  lighter: '#C8FACD',
  light: '#5BE584',
  main: '#00AB55',
  dark: '#007B55',
  darker: '#005249'
};
const SECONDARY = {...};
const INFO = { ... };
const SUCCESS = {...};
const WARNING = {...};
const ERROR = {...};
...
src/theme/palette

Reference: