Самый простой вариант, наверное, сделать SVG.
Немного корявый способ на css - наложить две фигуры друг на друга.
<div class="container">
<div class="shape box"></div>
<div class="shape parallelogram"></div>
</div>
.shape {
width: 1000px;
height: 100px;
background-color: grey;
position: relative;
}
.box {
border-radius: 20px 20px 0 0;
z-index: 1;
}
.parallelogram {
transform: skewY(-4deg);
border-radius: 0 0 20px 20px;
overflow: hidden;
margin-top: -35px; /* степень перекрытия объектов*/
z-index: 2;
}