//saturated colors?

var colorPalette = [

  [255, 0, 153], // pink

  [0, 153, 153], // turquoise

  [255, 255, 102], // light yellow

  [153, 51, 204], // purple

  [51, 204, 255], // light blue

  [255, 153, 0], // orange

  [0, 204, 153], // light green

  [255, 0, 102], // red

  [255, 204, 102], // light orange

  [51, 153, 255], // dark blue

  [255, 153, 153], // light red

  [204, 102, 204] // light purple

]

​

function setup() {

  createCanvas(400, 400);

​

}  

​

function mouseClicked(){

    var color = get(mouseX, mouseY);

    console.log("Mouse clicked here: " + mouseX + ", " + mouseY);

    console.log("Color is: " + color);

    textSize(10);

    fill("white");

    text(color, mouseX, mouseY);

​

}

​

function draw() {

  background(255, 255, 255);

  fill(random(colorPalette));

  rect(0, 0, 100, 100);

  fill(random(colorPalette));

  rect(100, 0, 100, 100);

  fill(random(colorPalette));

  rect(200, 0, 100, 100);

  fill(random(colorPalette));

  rect(300, 0, 100, 100);

  //

  fill(random(colorPalette));

  rect(0, 100, 100, 100);

  fill(random(colorPalette));

  rect(100, 100, 100, 100);

  fill(random(colorPalette));

  rect(200, 100, 100, 100);

  fill(random(colorPalette));

  rect(300, 100, 100, 100);

  //

  fill(random(colorPalette));

  rect(0, 200, 100, 100);

  fill(random(colorPalette));

  rect(100, 200, 100, 100);

  fill(random(colorPalette));

  rect(200, 200, 100, 100);

  fill(random(colorPalette));

  rect(300, 200, 100, 100);

  //

  fill(random(colorPalette));

  rect(0, 300, 100, 100);

  fill(random(colorPalette));

  rect(100, 300, 100, 100);

  fill(random(colorPalette));

  rect(200, 300, 100, 100);

  fill(random(colorPalette));

  rect(300, 300, 100, 100);

​

  noLoop();

}