Hex

var colors = ['#F2EAB8', '#E39284', '#E3BA54', '#D6E0CA', '#DED685', '#C76B7F', '#C47487', '#BDB9AC', '#77B5B4', '#7FB2AA', '#9AA6A5', '#437A8C', '#667273', '#606B6A']
var background = '#FBF7DF';

var hex = "M 723,314 543,625.769145 183,625.769145 3,314 183,2.230855 543,2.230855 723,314 z";

s.rect(0, 0, width, height).attr({fill: background})

var yOffset = 12;
var xOffset = 25;

// this is pretty gross, just experimenting
var y = yOffset - 235;
for (var i = 0; i < getRandomInt(4, 5); i++){
  s.path(hex).attr({
    fill: colors[getRandomInt(0, colors.length - 1)]
  }).transform(Snap.format('t{x},{y} s0.1', {x: xOffset - 260, y: y}));
  y += 70;
}

var y = yOffset-200;
for (var i = 0; i < getRandomInt(4, 5); i++){
  s.path(hex).attr({
    fill: colors[getRandomInt(0, colors.length - 1)]
  }).transform(Snap.format('t{x},{y} s0.1', {x: xOffset-200, y: y}));
  y += 70;
}

var y = yOffset-235;
for (var i = 0; i < getRandomInt(4, 5); i++){
  s.path(hex).attr({
    fill: colors[getRandomInt(0, colors.length - 1)]
  }).transform(Snap.format('t{x},{y} s0.1', {x: xOffset-140, y: y}));
  y += 70;
}

var y = yOffset-200;
for (var i = 0; i < getRandomInt(4, 5); i++){
  s.path(hex).attr({
    fill: colors[getRandomInt(0, colors.length - 1)]
  }).transform(Snap.format('t{x},{y} s0.1', {x: xOffset-80, y: y}));
  y += 70;
}

var y = yOffset-235;
for (var i = 0; i < 4; i++){
  s.path(hex).attr({
    fill: colors[getRandomInt(0, colors.length - 1)]
  }).transform(Snap.format('t{x},{y} s0.1', {x: xOffset-20, y: y}));
  y += 70;
}