.header {
clear:left;
overflow:hidden;
}

.swatch {
float:left;
display:block;
margin:20px;
border:1px solid #000000;
padding:0;
width:110px;
height:auto;
box-shadow: 1px 1px 5px #000000;
}

.color{
display:block;
margin:5px;
border:0;
padding:0;
width:100px;
height:100px;
background:#b0c1ff;

color:#ffffff;
text-align:center;
line-height:100px;
text-indent: -9999px;
}

.hex-32427f{background:#32427f;}
.hex-6484ff{background:#6484ff;}
.hex-58607f{background:#58607f;}
.hex-ff4433{background:#ff4433;}
.hex-e88054{background:#e88054;}
.hex-ffb669{background:#ffb669;}
.hex-e8b954{background:#e8b954;}
.hex-fff2d5{background:#fff2d5;}
.hex-6ab296{background:#6ab296;}
.hex-21cc88{background:#21cc88;}
.hex-aa8fb2{background:#aa8fb2;}
.hex-998770{background:#998770;}
.hex-cc872f{background:#cc872f;}
.hex-ff8255{background:#ff8255;}
.hex-94ffcc{background:#94ffcc;}

.swatch:hover .color {
text-indent:0;
}

.color-title {
display:block;
margin:5px;
border:0;
padding:0;
width:100%;
height:auto;
}