html {
  --s: 4em;
  background:
    radial-gradient(#C02942 24%,#0000 25%),
    radial-gradient(#53777A 30%,#0000 32%) calc(var(--s)/2) calc(var(--s)/2),
    repeating-conic-gradient(from 30deg,#ECD078 0 30deg,#D95B43 0 90deg);
  background-size: var(--s) var(--s); 
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.