A CodePen by Joey. Social Colors - Hex Codes - Hex Codes for all major Social Networks. http://codepen.io/dope/details/snKqA

index.html

<section class="wrapper">
<header>
  <h1>Social Colors - <a href="http://color.joey.so"><span>full collection</span></a></h1>
</header>
<li class="fb">Facebook #3B5998</li>
<li class="flick">Flickr #FE0883</li>
<li class="four">Foursquare #8FD400</li>
<li class="gplus">Google+ #C63D2D</li>
<li class="inst">Instagram #4E433C</li>
<li class="linked">Linkedin #4875B4</li>
<li class="tumb">Tumblr #395774</li>
<li class="twit">Twitter #33CCFF</li>
<li class="vimeo">Vimeo #86B32D</li>
<li class="youtube">Youtube #FF3333</li>
<li class="pint">Pinterest #910101</li>
<li class="drib">Dribbble #ea4c89</li>
<li class="forrst">Forrst #5b9a68</li>
<li class="codepen">CodePen #212121</li>
<li class="dev">DeviantART #4e6252</li>
<li class="zerp">Zerply #9dcc7a</li>
<li class="beehance">Beehance #008cff</li>
<li class="aim">Aim #fcd20b</li>
</section>

style.css

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);

* {
	margin:0;
	padding:0;
	list-style:none;
	font-size:100%;
}

body {
	font-family: 'Open Sans', sans-serif;
}

.wrapper {
	width:100%;
	background:white;
}

header {
  padding:20px;
}

header h1 {
  font-size:1.3em;
  text-align:center;
}

header h1 span {
  color:#97d0d1;
}

header p {
  width:400px;
  margin-top:10px;
  color:rgba(0, 0, 0, 0.6);
}

header a, a:visited {
  color:black;
  text-decoration:none;
  padding-bottom:0px;
  border-bottom:2px solid #97d0d1;

}

li {
  display:block;
  background:red;
  padding:30px;
  text-align:center;
  font-size:1em;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:800px;
  color:white;
}

.fb {background:#3B5998;}
.flick {background:#FE0883;}
.four {background:#34b3e5;}
.gplus {background:#C63D2D;}
.inst {background:#4E433C;}
.linked {background:#4875B4;}
.tumb {background:#395774;}
.twit {background:#33CCFF;}
.vimeo {background:#86B32D;}
.youtube {background:#FF3333;}
.pint {background:#910101;}
.drib {background:#ea4c89;}
.forrst {background:#5b9a68;}
.codepen {background:#212121;}
.dev {background:#4e6252;}
.zerp {background:#9dcc7a;}
.beehance {background:#008cff;}
.aim {background:#fcd20b;}