Rounding corners of parallelogram made from clip-path CSS

Question

I need to create a parallelogram with rounded corners. I'm using clip-path, but haven't been able to round the corners so far. Here's my code, any help is appreciated.

Thank you!

.parallelogram {
    clip-path: polygon(0 0, 80% 5%, 80% 100%, 0 95%);
    background-color: #f3f5ff;
    width: 300px;
    height: 300px;
}

<div class= parallelogram></div>