html {  
  --u: 2vmin;
  --c1: #000000;
  --c2: #a4cf72;
  --c3: #6d9d35;
  --c4: #54762b;
  --shape: 
      var(--c1) 0 calc(var(--u) * 0.65),    
      var(--c2) calc(var(--u) * 0.85) calc(var(--u) * 1),    
      var(--c3) calc(var(--u) * 1.75),    
      var(--c1) calc(var(--u) * 1.9) calc(var(--u) * 2),   
      var(--c3) calc(var(--u) * 2.15) calc(var(--u) * 2.65),   
      var(--c4) calc(var(--u) * 3.15),    
      var(--c1) calc(var(--u) * 3.35) calc(var(--u) * 3.45),   
      var(--c4) calc(var(--u) * 3.6) calc(var(--u) * 4.3),    
      var(--c1) calc(var(--u) * 4.6) calc(var(--u) * 4.7),   
      #fff0 calc(var(--u) * 4.8) 100%;
  --gp: 50%/calc(var(--u) * 10) calc(var(--u) * 6.33);
  height: 100vh;  
  background: 
    radial-gradient(circle at 50% 150%, var(--shape)) var(--gp),
    radial-gradient(circle at 0% 100%, var(--shape)) var(--gp),
    radial-gradient(circle at 100% 100%, var(--shape)) var(--gp),
    radial-gradient(circle at 50% 50%, var(--shape)) var(--gp),
    radial-gradient(circle at 0% 0%, var(--shape)) var(--gp),
    radial-gradient(circle at 100% 0%, var(--shape)) var(--gp),
    var(--c2);
}
// Inspired by this image from depositphotos.com:

//https://depositphotos.com/462423916/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.