html {
    --u:  2vmin;
  --c1: #c59b8b;
    --c2: #a57462;
    --c3: #795548;
    --c4: #523b33;
    --gp: 50%/ calc(var(--u) * 10) calc(var(--u) * 10);
    height: 100vh;
  background:
    conic-gradient(from 119deg at 56% 76%, var(--c2) 0 66deg, var(--c4) 0 128deg, #fff0 0 360deg) var(--gp),      
    conic-gradient(from 186deg at 8% 25.25%, var(--c4) 0 65deg, var(--c3) 0 157deg, #fff0 0 360deg) var(--gp),
    conic-gradient(from -45deg at 50% 50%, var(--c4) 0 49.5deg, var(--c2) 0 90deg, var(--c3) 0 111.25deg, var(--c4) 0 180.1deg, #fff0 0 212deg, var(--c3) 0 270deg, var(--c2) 0 345.5deg,  #fff0 0 360deg) var(--gp), 
    var(--c1);
}
// Inspired by this image from Pinterest:
// https://www.pinterest.fr/pin/591871576042590248/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.