.swatch {
	padding: 9px;
	border: 1px #000 solid;
	margin: 2px;
	position: relative;
	float: left;
	text-align: center;
}

#white-t, #white-b {
  background-color: #FFFFFF;
}

#ivory-t, #ivory-b {
  background-color: #FFF3DC;
}

#light-beige-t, #light-beige-b {
  background-color: #F3D093;
}

#pink-t, #pink-b {
  background-color: #FECEE5;
}

#rose-taupe-t, #rose-taupe-b {
  background-color: #6E4F5B;
}

#yellow-t, #yellow-b {
  background-color: #ECCA00;
}

#sand-t, #sand-b {
  background-color: #E7CA5E;
}

#mauve-t, #mauve-b {
  background-color: #E06AA4;
}

#merlot-t, #merlot-b {
  background-color: #A11B2A;
}

#mist-green-t, #mist-green-b {
  background-color: #83AE82;
}

#sage-t, #sage-b {
  background-color: #A9B87C;
}

#green-t, #green-b {
  background-color: #456D32;
}

#hunter-green-t, #hunter-green-b {
	background-color: #004D23;
}

#grey-t, #grey-b {
  background-color: #999C9F;
}

#blue-t, #blue-b {
  background-color: #194587;
}

#baby-blue-t, #baby-blue-b {
  background-color: #8CA2C4;
}

#navy-blue-t, #navy-blue-b {
  background-color: #213065;
}

#orange-t, #orange-b {
  background-color: #FD7600;
}

#red-t, #red-b {
  background-color: #D30000;
}

#plum-t, #plum-b {
  background-color: #47053C;
}

#super-black-t, #super-black-b {
  background-color: #2A2828;
}

#purple-t, #purple-b {
  background-color: #672778;
}

#lavender-t, #lavender-b {
  background-color: #AB76AA;
}

#rust-t, #rust-b {
  background-color: #B54C00;
}

#brown-t, #brown-b {
  background-color: #614600;
}