html {
  --u: 3.75vmin;
  --c1: #cdb1ff;
  --c2: #956fd9;
  --c3: #6a4d9f;
  --c4: #422c6a;
  --s1: #d1d1d1;
  --s2: #d7d7d7;
  --s3: #a9a9ab;
  --s4: #747474;
  --b1: #c1c1c1;
  --b2: #7a7a7a;
  --gp: 50%/ calc(var(--u) * 5) calc(var(--u) * 5);
  height: 100vh;
  background: 
    conic-gradient(from 23deg at 70% 30%, var(--b1) 0%, var(--b2) 13%, #fff0 0 100%) var(--gp),
    conic-gradient(from 202deg at 30% 70%, var(--b1) 0%, var(--b2) 13%, #fff0 0 100%) var(--gp),
    conic-gradient(from 111deg at 70% 70%, var(--b2) 0%, var(--b1) 13%, #fff0 0 100%) var(--gp),
    conic-gradient(from -70deg at 30% 30%, var(--b2) 0%, var(--b1) 13%, #fff0 0 100%) var(--gp),
    conic-gradient(from 0deg at 50% 50%, var(--c2) 0 22.5deg, var(--s4) 0 45deg, var(--s3) 0 67.5deg, var(--c4) 0 90deg, var(--c1) 0 112.5deg,  var(--s3) 0 135deg, var(--s1) 0 157.5deg, var(--c2) 0 180deg, var(--c3) 0 202.5deg, var(--s2) 0 225deg, var(--s4) 0 247.5deg, var(--c1) 0 270deg, var(--c4) 0 292.5deg, var(--s2) 0 315deg, var(--s3) 0 337.5deg, var(--c3) 0 360deg, #fff0 0 100%) var(--gp);
}

// Inspired by this image from Pinterest:
// https://www.pinterest.com/pin/700450548292598959/