html {
  --u: 20px;
  --c1: #a29478;
  --c2: #616c7f;
  --c3: #414c66;
  --gp: 50%/ calc(var(--u) * 10) calc(var(--u) * 7.8);
  --dg: 0 25%, #fff0 0 100%;
  --dr: from 45deg at;
  --dl: from -135deg at;
  --du: from -45deg at 50%;
  --dd: from 135deg at 50%;
  background: 
    /*right*/
  conic-gradient(var(--dr) 86% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 76% 62%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 74.5% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 65% 62%, var(--c2) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 63.5% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 56% 62%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 54.5% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dr) 50% 62%, var(--c2) var(--dg)) var(--gp),
  /*left*/
  conic-gradient(var(--dl) 14% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 24% 62%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 25.5% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 35% 62%, var(--c2) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 36.5% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 44% 62%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 45.5% 62%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dl) 50% 62%, var(--c2) var(--dg)) var(--gp),
  /*up*/
  conic-gradient(var(--du) 19%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--du) 31%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--du) 33%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--du) 43.5%, var(--c2) var(--dg)) var(--gp),
  conic-gradient(var(--du) 45.5%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--du) 55%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--du) 57%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--du) 66%, var(--c2) var(--dg)) var(--gp),
  /*down*/
  conic-gradient(var(--dd) 81%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dd) 69%, var(--c3) var(--dg)) var(--gp),
  conic-gradient(var(--dd) 67%, var(--c1) var(--dg)) var(--gp),
  conic-gradient(var(--dd) 58%, var(--c2) var(--dg)) var(--gp);
  height: 100vh;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.