Colors

Custom global color inside src/theme/core/colors.json.

For version v5.


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
{
  "primary": {
    "lighter": "#C8FAD6",
    "light": "#5BE49B",
    "main": "#00A76F",
    "dark": "#007867",
    "darker": "#004B50",
    "contrastText": "#FFFFFF"
  },
...
}
src/theme/palette

Reference: