Não aparece porque ela provavelmente está num contêiner sem dimensões. Desta forma o width e o height ficam sem referência, já que são porcentagem de um elemento pai. Se o elemento pai não possui dimensões declaradas, logo não tem como calcular a porcentagem de vazio.
Se essa div tiver como pai o body, por exemplo, e você der uma altura a ele, irá aparecer mesmo vazia:
body{
height: 100vh;
}
.quadrant {
background-color: #E7E7E7;
margin: auto;
height: 40%;
width: 20%;
}
<div class="quadrant">
</div>