MUI CheckBox fill color when the box is unticked

I have a requirement to show checkboxes like below when there is no check.

When the user marks the checkbox it should be like this

The second thing I already achieved with this code

 <Checkbox
        sx={{
          color: "#DFE0EB",
          // backgroundColor: "#DFE0EB",
          "&.Mui-checked": {
            color: "#1DFB9D"
          }
        }}
      />

But when the user doesn’t mark the checkbox how can I fill it with this color #DFE0EB

This is my code