MUI CheckBox fill color when the box is unticked

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

enter image description here

When the user marks the checkbox it should be like this

enter image description here

The second thing I already achieved with this code

          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