palette: {
primary: {
  main: '#d05ce3',
},
secondary: {
  light: '#0066ff',
  main: '#0044ff',

},

<ThemeProvider theme={theme}>
              <Checkbox
                color="secondary"