<div class=satu></div>
<div class=dua></div>
<div class=tiga></div>

<style>
  body{
    background:#0B2429;
    justify-content:center;
    align-items:center;
    display:flex;
  }
  .satu {
    width: 100px;
    height: 100px;
    background: #F3AC3C;
    transform:rotate(45deg);
    position:relative;
    top:35;
  }
  .dua{
    width: 70px;
    height: 70px;
    background: #998235;
    transform:skew(0deg, -45deg);
    position:absolute;
    top:80;
    left:129;
  }
  .tiga{
    width: 70px;
    height: 70px;
    background: #1A4341;
    transform:skew(0deg, 45deg);
    position:absolute;
    top:80;
    right:131;
  }
</style>