<div class="circle"></div>
<style>
body {
background: #E3516E;
display: flex;
justify-content: center;
align-items: center;
}
.circle {
background: conic-gradient(#FADE8B 90deg, #E3516E 90deg 180deg, #F7F3D7 180deg 270deg, #51B5A9 270deg);
width: 200px;
height: 200px;
border-radius: 50%;
}
</style>