Oftentimes I find myself creating custom social media icons for my designs. Usually I like to stay as true to the actual colors used for their logos and icons as I can and I find myself having to search them out of the website’s css, or color picking them out of the logo. So I created a Photoshop swatch set to make it easy to remember the most common networks. Here are the hex values:

  • Twitter: #00a0d1
  • Facebook: #3b5998
  • RSS: #fa9b39
  • YoutTube: #c4302b
  • Vimeo Blue: #44bbff
  • Vimeo Green: #aad450
  • Pinterest: #910101
  • Tumblr: #34526f

Download Swatches

10 thoughts on "Social Media Colors"

  1. Christopher Spencer says:

    Nice colors. Love the fresh design, Tammy.

    1. Tammy Hart says:

      Thanks, Christopher 🙂

  2. Masoud says:


  3. Steve says:

    That’ll definitely come in handy! I’ll have to look for deviantart and lastfm colors myself, though.

    I’d also like to add that this is one of the best-looking web sites I’ve seen all year. It really makes me feel like I’ve got a lot more to learn with CSS and the graphics used along with that. I also found your resume design quite cool, but I couldn’t find where to comment on that.

  4. Bilal k says:

    Great ! thanks for sharing ! and for the swatch 🙂

  5. Krishna says:

    Perfect!! just what I was looking for! thanks! 🙂

  6. Comedian Man says:

    You rock! Thanks so much. I’ve shared this in a Facebook Group. ~Keep Having FUN!

  7. Alex Marin says:

    I went on Google to check if anyone posted some kind of image with the colours of the main social networks and came across this page. Even better than what I was looking for. Thank you.

  8. sdf says:

    Google+ ?????????

  9. Jonathan says:

    Could you perhaps add instagram and linkedin to the list. I have this page bookmarked and always referring to it for colors. Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *