<div class="my-element"></div>
.my-element {
  background: conic-gradient(
    gold 20deg,
    lightcoral 20deg 190deg,
    mediumturquoise 190deg 220deg,
    plum 220deg 320deg,
    steelblue 320deg
  );
  border-radius: 50%;
  border: 10px solid;
}

/* Presentational styles */
.my-element {
  width: 250px;
  height: 250px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.