Pastel Logo

<div></div>
<style>
  body {
    background: #19191a;
    display: grid;
    place-content: center;
  }
  div {
    width: 150px;
    height: 150px;
    background: #dd6b4d;
    border-radius: 50%;
    background: #4f77ff;
    translate: 0 -25px;
  }

  div::after,
  div::before {
    content: '';
    position: absolute;
    width: 75px;
    top: 75px;
  }
  div::after {
    height: 125px;
    background: #f9e492;
  }
  div::before {
    height: 75px;
    background: #9ad5ff;
    z-index: 1;
    border-radius: 0 0 0 100px;
  }
</style>