Não aparece porque ela provavelmente está num contêiner sem uma altura declarada no CSS. Desta forma o height ficam sem referência, já que seria a porcentagem da altura de um elemento pai. Se o elemento pai não possui um height declarado, logo não tem como calcular a porcentagem de vazio0.
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>
O que você pode fazer, se não puder definir uma altura para o contêiner da div, é declarar uma altura mínima em pixels. Por exemplo:
min-height: 100px;