red-recket png using processing

original.pde

void setup() {

  size(16,16);
  noLoop();
  noStroke();
  colorMode(HSB,360,100,100);
}

void draw() {

  // top right red square  
  fill(0,80,99);
  rect(8,3,5,5);

  // next red square, just lowered the S
  fill(0,60,99);
  rect(6,5,5,5);

  // this time two rectangles, otherwise this square shows after the next, again lowered the S
  fill(0,40,99);
  rect(4,7,5,5);

  fill(0,25,99);
  rect(2,9,5,5);
  
  // creates the file in the same dir as the Sketch
  save("red-rocket.png");
}

red-rocket.pde

PGraphics pg;

void setup() {

  size(16,16);
  noLoop();

  pg = createGraphics(16, 16, P2D);
  
  pg.beginDraw();
  pg.noStroke();
  
  // using Hue, Saturation and Brightness colormode.
  // for this I just modify the Saturation to get my shades of red.
  pg.colorMode(HSB,360,100,100);
}

void draw() {

  // top right red square  
  pg.fill(0,80,99);
  pg.rect(8,3,5,5);

  // next red square, just lowered the S
  pg.fill(0,60,99);
  pg.rect(6,5,5,5);

  // this time two rectangles, otherwise this square shows after the next, again lowered the S
  pg.fill(0,40,99);
  pg.rect(4,7,5,2);
  pg.rect(7,9,2,3);

  pg.fill(0,25,99);
  pg.rect(2,9,5,2); 
  pg.rect(5,11,2,3); 
  
  pg.endDraw();
  
  // creates the file in the same dir as the Sketch
  pg.save("red-rocket.png");
}