html {
  --s: 30px; /* control the size */
  
  --_c: #5E9FA3;
  background:
    conic-gradient(at 50% calc(100%/6),var(--_c) 60deg,#0000 0),
    conic-gradient(at calc(100%/6) 50%,#0000 240deg,var(--_c) 0),
    conic-gradient(from 180deg at calc(100%/6) calc(500%/6),var(--_c) 60deg,#0000 0),
    conic-gradient(from 180deg at calc(500%/6),#0000 240deg,var(--_c) 0) calc(4*.866*var(--s)) 0,
    repeating-linear-gradient(-150deg,#B05574 0 calc(100%/6),#0000   0 50%),
    repeating-linear-gradient(-30deg, #B39C82 0 calc(100%/6),#DCD1B4 0 50%);
  background-size: calc(6*.866*var(--s)) calc(3*var(--s))
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.