<p> <style> * { background: #40234B; } * * { background: #A94EA4; margin: 50px 85px; clip-path: polygon(0 0, 100% 0, 50% 100%); } p { margin: 0; background: repeating-linear-gradient(120deg, #A94EA4, #A94EA4 16px, 0, #40234B 26px); width: 210px; height: 200px; background-position: -1 -1; } </style>