Common Social Media Colours
NOTE: This was a post migrated from my previous Ghost blog. If links don’t work and you would really like to see it, it’s probably posted somewhere in this blog.
Recently I’ve been working on the social media integration functionality for the next version of Mooziq and I came across the need to have handy list of colours that I could use for styling buttons/text related to a certain technology company.
So I did some digging and here’s a (hopefully) complete list of colours which kinda sorta defines their underlying brand.
|
Dropbox #007ee6 - from website's logo |
|
|
Facebook #3b5998 - from website's logo |
|
|
Google RGBY #db4437 / #34a853 / #4285f4 / #fbbc05 - from website's top app bar |
|
|
Google Plus #db4437 - from website's top app bar |
|
|
Instagram #3f729b - from website's link colour |
|
|
Line #1dcd00 - from website's sprite sheet |
|
|
LinkedIn #0177b5 - from app icon |
|
|
Medium #57AD68 - from https://medium.com/designing-medium/green-4-2-0-64959f9381a7#.hh1wlbemn |
|
|
Mooziq #d01818 - from app icon |
|
|
Path #e62f17 - from website's icon image |
|
|
Pinterest #c72527 - from website's icon image |
|
|
SnapChat #fffc00 - from website's background |
|
|
SoundCloud #ff5500 - from website's subheader text |
|
|
Spotify #1ed760 - from website's splash image |
|
|
Telegram #2ca5e0 - from app icon on Wikipedia |
|
|
Tumblr #36465d - from website's background icon |
|
|
Twitter #55acee - from website's app icon |
|
|
WeChat #0bc118 - from website's links |
|
|
WhatsApp #64d448 - from website's subheader text |
|
|
YouTube #cc181e - from website's menu underline |
Seems like there are some trends correlating the colours and functionalities of these platforms.
Content based platforms take on either red or blue. Time dynamic content (ie. audio/video) is almost exclusively red with the exception of Spotify (is this indicative of their intentions of making music more social/shareable?). Time static content (ie. files/text/image) generally use blue.
Connection based platforms take on either green (for the more dynamic and sporadic socialising ie. chats and conversation apps) or blue (for more static socialising such as networking or more serious communications).
Because I’m pretty thick skinned and because I want to see how the colours I chose stack up against other platforms, I included Mooziq (Disclosure: the platform I founded) as part of the above list.
When I chose the colours for Mooziq, it was based on design intuition (it just felt right) from the emotions/impression I desired to invoke. Analysing the colours of the different social media platforms now, I believe I managed to arrive at a colour quite close to my vision of the platform.
To be fair, I also chose red because we’re based in Singapore and well, because I’m Singaporean and one is only a patriot when not in one’s homeland. But well, let’s see how Mooziq does when it’s fully launched in middle of 2016 (hopefully).
I hope you found this post useful. Till the next time!