p5 Example

 

function setup() {

  

  

  createCanvas(600, 600);

  background(193, 39, 255);

  

  //Sky Background

  noStroke();

  fill(157, 39, 246);

  rect (0, 120, 600, 120);

  fill (131, 43, 255);

  rect (0, 240, 600, 240);

  fill (98, 42, 245);

  rect (0, 360, 600, 360);

  fill(71, 46, 255);

  rect (0, 480, 600, 480);

  

  //Clouds

  fill(40, 46, 240, 100);

  ellipse(400, 350, 100, 100)

  ellipse(450, 400, 100, 100)

  ellipse(350, 400, 100, 100)

  ellipse(350, 350, 100, 100)

  ellipse(400, 400, 100, 100)

  ellipse(300, 400, 100, 100)

  

  fill(98, 42, 245, 100);

  ellipse(200, 100, 100, 100)

  ellipse(250, 150, 100, 100)

  ellipse(150, 150, 100, 100)

  ellipse(150, 100, 100, 100)

  ellipse(200, 150, 100, 100)

  ellipse(100, 150, 100, 100)

}

function draw() {

}