---
title: Name That Blue
abstract: A cheatsheet
categories:
- work
content-tags:
- design
- brand
- fun
---

<p>
	<a href="http://namethatblue.com/">Name That Blue</a> is catching on, and I predict in the next few days will be all over design fandom. So I present the following reference, taken directly from Colin Gourlay's code. Sorry, Colin.
</p>
<p>
	This was prompted by <a href="http://shannonethomas.com/">Shannon</a>'s refined eye, which objected to the choice for <a href="http://vimeo.com/">Vimeo</a>. Indeed, it seems <a href="http://brandcolors.net/">BrandColors</a> has an outdated blue for them.
</p>

<p>
	<style>
		.swatch {
			font-family: Futura, sans-serif;
			margin: 1px;
			padding: 5px;
			color: #fff;
		}
	</style>

	<div class="swatch" style="background-color:#0060a3">AOL</div>
	<div class="swatch" style="background-color:#003366">Atlassian</div>
	<div class="swatch" style="background-color:#053eff">Behance</div>
	<div class="swatch" style="background-color:#205cc0">Delicious</div>
	<div class="swatch" style="background-color:#3287c1">Dell</div>
	<div class="swatch" style="background-color:#59a3fc">Disqus</div>
	<div class="swatch" style="background-color:#3d9ae8">Dropbox</div>
	<div class="swatch" style="background-color:#0c76ab">Drupal</div>
	<div class="swatch" style="background-color:#00bdf6">Engadget</div>
	<div class="swatch" style="background-color:#065ca2">Evomail</div>
	<div class="swatch" style="background-color:#3b5998">Facebook</div>
	<div class="swatch" style="background-color:#0063dc">Flickr</div>
	<div class="swatch" style="background-color:#25a0ca">Foursquare</div>
	<div class="swatch" style="background-color:#4183c4">GitHub</div>
	<div class="swatch" style="background-color:#003e6a">IBM</div>
	<div class="swatch" style="background-color:#3f729b">Instagram</div>
	<div class="swatch" style="background-color:#0071c5">Intel</div>
	<div class="swatch" style="background-color:#0e76a8">LinkedIn</div>
	<div class="swatch" style="background-color:#006699">MetaFilter</div>
	<div class="swatch" style="background-color:#183693">Nokia</div>
	<div class="swatch" style="background-color:#0000e6">Pinboard</div>
	<div class="swatch" style="background-color:#008fd5">Rdio</div>
	<div class="swatch" style="background-color:#1798c1">Salesforce</div>
	<div class="swatch" style="background-color:#0c4da2">Samsung</div>
	<div class="swatch" style="background-color:#00aff0">Skype</div>
	<div class="swatch" style="background-color:#34526f">Tumblr</div>
	<div class="swatch" style="background-color:#27709b">Trello</div>
	<div class="swatch" style="background-color:#00aced">Twitter</div>
	<div class="swatch" style="background-color:#86c9ef">Vimeo</div>
	<div class="swatch" style="background-color:#21759b">WordPress</div>

	<div class="swatch" style="background-color:#a4c639">Android</div>
	<div class="swatch" style="background-color:#97b538">Big Cartel</div>
	<div class="swatch" style="background-color:#4e6252">Deviantart</div>
	<div class="swatch" style="background-color:#528036">Envato</div>
	<div class="swatch" style="background-color:#5ba525">Evernote</div>
	<div class="swatch" style="background-color:#6ABA45">Feedly</div>
	<div class="swatch" style="background-color:#5b9a68">Forrst</div>
	<div class="swatch" style="background-color:#82b548">Groupon</div>
	<div class="swatch" style="background-color:#87c442">Kickstarter</div>
	<div class="swatch" style="background-color:#80bd01">Kik</div>
	<div class="swatch" style="background-color:#57ad68">Medium</div>
	<div class="swatch" style="background-color:#76b900">NVIDIA</div>
	<div class="swatch" style="background-color:#96bf48">Shopify</div>
	<div class="swatch" style="background-color:#81b71a">Spotify</div>
	<div class="swatch" style="background-color:#0a9600">TechCrunch</div>
	<div class="swatch" style="background-color:#5cb868">Treehouse</div>
	<div class="swatch" style="background-color:#9aca3c">Typekit</div>
	<div class="swatch" style="background-color:#00a478">Vine</div>
	<div class="swatch" style="background-color:#9bc848">XBOX</div>
	<div class="swatch" style="background-color:#78a300">Zendesk</div>
	<div class="swatch" style="background-color:#9dcc7a">Zerply</div>


	<div class="swatch" style="background-color:#e47911">Amazon</div>
	<div class="swatch" style="background-color:#fc4f08">Blogger</div>
	<div class="swatch" style="background-color:#eb6d20">Etsy</div>
	<div class="swatch" style="background-color:#ee6600">Firefox</div>
	<div class="swatch" style="background-color:#f77f00">Grooveshark</div>
	<div class="swatch" style="background-color:#ff6600">Hacker News</div>
	<div class="swatch" style="background-color:#ff7700">SoundCloud</div>
	<div class="swatch" style="background-color:#ef8236">Stack Overflow</div>
	<div class="swatch" style="background-color:#ef4423">The Next Web</div>


	<div class="swatch" style="background-color:#6567a5">Heroku</div>
	<div class="swatch" style="background-color:#a086d3">Mixpanel</div>
	<div class="swatch" style="background-color:#720e9e">Yahoo!</div>


	<div class="swatch" style="background-color:#ff0000">Adobe</div>
	<div class="swatch" style="background-color:#ee3322">BuzzFeed</div>
	<div class="swatch" style="background-color:#fd0001">Devour</div>
	<div class="swatch" style="background-color:#ea4c89">Dribbble</div>
	<div class="swatch" style="background-color:#ff0084">Flickr</div>
	<div class="swatch" style="background-color:#dd4b39">Google+</div>
	<div class="swatch" style="background-color:#c3000d">LastFM</div>
	<div class="swatch" style="background-color:#e51937">Meetup</div>
	<div class="swatch" style="background-color:#cc0f16">Opera</div>
	<div class="swatch" style="background-color:#e41f11">Path</div>
	<div class="swatch" style="background-color:#c8232c">Pinterest</div>
	<div class="swatch" style="background-color:#ee4056">Pocket</div>
	<div class="swatch" style="background-color:#a82400">Quora</div>
	<div class="swatch" style="background-color:#cc0000">Red Hat</div>
	<div class="swatch" style="background-color:#ef1d1d">Verizon</div>
	<div class="swatch" style="background-color:#c41200">Yelp</div>
	<div class="swatch" style="background-color:#c4302b">YouTube</div>


	<div class="swatch" style="background-color:#f3ce13">IMDb</div>
	<div class="swatch" style="background-color:#fed30b">Snapchat</div>
	<div class="swatch" style="background-color:#fee100">Sprint</div>
</p>
