Social Media Colors 2026
Here is our guide of social media colors for 51 of the top social and technology brands.
Each entry has the main HEX and RGB value for each social media platform, plus secondary and accent colors listed underneath.
Do you need SASS or LESS variables instead of HEX or RGB values? We have those too. Use our quick links to jump to the bottom of the page.
These were sourced from the official brand guidelines for each social media platform, wherever a brand guideline existed. The branding colors on this page were last audited and updated on December 23, 2025 to update colors for Bluesky.
Alphabetical Quick Links To Social Media Colors in HEX and RGB
- 500px
- Alexa
- Amazon
- Android
- Angi
- Apple
- Bluesky
- Clarity
- DeviantArt
- Discord
- Dribbble
- Flickr
- Foursquare
- Glassdoor
- Google+
- HomeAdvisor
- Houzz
- Listly
- Mastodon
- Medium
- Microsoft
- Periscope
- Quora
- Skype
- Slack
- SlideShare
- Snapchat
- Soundcloud
- Spotify
- Steam
- StumbleUpon
- Swarm
- Telegram
- TikTok
- Tumblr
- Twitch
- Twitter / X
- Vimeo
- Vine
- VK
- Yahoo!
- Yelp
- YouTube
Blue Hex: #1877f2
RGB: 24, 119, 242
#3b5998rgb(59, 89, 152)
Twitter / X
Blue Hex: #1da1f2
RGB: 29, 161, 242
#14171argb(20, 23, 26)
#aab8c2rgb(170, 184, 194)
#e1e8edrgb(225, 232, 237)
#f5f8fargb(245, 248, 250)
“X” Black Hex: #000000
RGB: 0, 0, 0
YouTube
Red Hex: #ff0000
RGB: 255, 0, 0
#282828rgb(40, 40, 40)
#ffffffrgb(255, 255, 255)
Blue Hex: #0a66c2
RGB: 10, 102, 194
#000000rgb(0, 0, 0)
#ffffffrgb(255, 255, 255)
#f0b6a8rgb(240, 182, 168)
Magenta Hex: #c32aa3
RGB: 195, 42, 163
#4c5fd7rgb(76, 95, 215)
#7232bdrgb(114, 50, 189)
#f46f30rgb(244, 111, 48)
#ffdc7drgb(255, 220, 125)
TikTok
Black Hex: #010101
RGB: 1, 1, 1
#69c9d0rgb(105, 201, 208)
#ee1d52rgb(238, 29, 82)
#ffffffrgb(255, 255, 255)
Blue Hex: #4285f4
RGB: 66, 133, 244
#ea4335rgb(234, 67, 53)
#34a853rgb(52, 168, 83)
#fbbc05rgb(251, 188, 5)
Red Hex: #bd081c
RGB: 189, 8, 28
Snapchat
Yellow Hex: #fffc00
RGB: 255, 252, 0
#ffffffrgb(255, 255, 255)
#000000rgb(0, 0, 0)
Bluesky
Bluesky Hex: #0a7aff
RGB: 10, 122, 255
Green Hex: #25d366
RGB: 37, 211, 102
#075e54rgb(7, 94, 84)
#128c7ergb(18, 140, 126)
#dcf8c6rgb(220, 248, 198)
#34b7f1rgb(52, 183, 241)
Tumblr
Blue Hex: #35465d
RGB: 54, 70, 93
Orange Hex: #ff4500
RGB: 255, 69, 0
#ff5700rgb(255, 87, 0)
#cee3f8rgb(206, 227, 248)
#336699rgb(51, 102, 153)
#5f99cfrgb(95, 153, 207)
Twitch
Purple Hex: #9146ff
RGB: 145, 70, 255
#f0f0ffrgb(240, 240, 255)
#000rgb(0, 0, 0)
Discord
Blurple Hex: #5865f2
RGB: 88, 101, 242
#ffffffrgb(255, 255, 255)
#23272argb(35, 39, 42)
Yelp
Red Hex: #d32323
RGB: 211, 35, 35
Mastodon
Blue Hex: #6364ff
RGB: 99, 100, 255
#563accrgb(86, 58, 204)
#17063brgb(23, 6, 59)
#2f0c7argb(47, 12, 122)
#858afargb(133, 138, 250)
Spotify
Green Hex: #1ed760
RGB: 30, 215, 96
#1db954rgb(29, 185, 84)
#ffffffrgb(255, 255, 255)
#121212rgb(18, 18, 18)
Apple
Gray Hex: #a6b1b7
RGB: 166, 177, 183
#000000rgb(0, 0, 0)
#333333rgb(51, 51, 51)
#bbbbbbrgb(187, 187, 187)
#ffffffrgb(255, 255, 255)
Amazon
Orange Hex: #ff9900
RGB: 255, 153, 0
Alexa
Blue Hex: #00a7ce
RGB: 0, 167, 206
#232f3ergb35, 47, 62)
#ffffffrgb(255, 255, 255)
Microsoft
Red Hex: #f35022
Red RGB: 243, 80, 34
Green Hex: #80bb03
Green RGB: 128, 187, 3
Blue Hex: #03a5f0
Blue RGB: 3, 165, 240
Yellow Hex: #ffb903
Yellow RGB: 255, 185, 3
Periscope
Blue Hex: #40a4c4
RGB: 64, 164, 196
#d55548rgb(213, 85, 72)
#7cd6f1rgb(124, 214, 241)
#3f4d51rgb(63, 77, 81)
#a4b8bergb(164, 184, 190)
Foursquare
Pink Hex: #f94877
Pink RGB: 249, 72, 119
#073282rgb(7, 50, 130)
#2d5be3rgb(45, 91, 227)
Swarm
Orange Hex: #ffa633
RGB: 255, 166, 51
#f06d1brgb(240, 109, 27)
#ffa71crgb(255, 167, 28)
#2182ebrgb(33, 130, 235)
Medium
Green Hex: #02b875
RGB: 2, 184, 117
#12100ergb(18, 16, 14)
#ffffffrgb(255, 255, 255)
#e8f3ecrgb(232, 243, 236)
#00ab6brgb(0, 171, 107)
Vimeo
Blue Hex: #1ab7ea
RGB: 26, 183, 234
#162221rgb(22, 34, 33)
#ffffffrgb(255, 255, 255)
#000000rgb(0, 0, 0)
Skype
Blue Hex: #00aff0
RGB: 0, 175, 240
#0078d7rgb(0, 120, 215)
Android
Green Hex: #a4c639
RGB: 164, 198, 57
Quora
Maroon Hex: #aa2200
RGB: 170, 34, 0
#ffffffrgb(255, 255, 255)
#2b6dadrgb(43, 109, 173)
Dribbble
Pink Hex: #ea4c89
RGB: 234, 76, 137
#c32361rgb(195, 35, 97)
#444444rgb(68, 68, 68)
#9ba5a8rgb(155, 165, 168)
Slack
Purple Hex: #4a154b
RGB: 74, 21, 75
#36c5f0rgb(54, 197, 240)
#2eb67drgb(46, 182, 125)
#e01e5argb(224, 30, 90)
#ecb22ergb(236, 178, 46)
StumbleUpon
Orange Hex: #e94826
RGB: 233, 72, 38
#eb4924rgb(235, 73, 36)
#e4e5e7rgb(228, 229, 231)
#000000rgb(0, 0, 0)
Flickr
Pink Hex: #f40083
Pink RGB: 244, 0, 131
Blue Hex: #006add
Blue RGB: (0, 106, 221)
#ff1981rgb(255, 25, 129)
#177fffrgb(23, 127, 255)
#ff0084rgb(255, 0, 132)
#246dd6rgb(36, 109, 214)
Yahoo
Purple Hex: #6001d2
RGB: 96, 1, 210
Soundcloud
Orange Hex: #ff5500
RGB: 255, 85, 0
#ff7700rgb(255, 119, 0)
#ff3300rgb(255, 51, 0)
#ff4B00rgb(255, 75, 0)
#ff3801rgb(255, 56, 1)
DeviantArt
Green Hex: #05cc47
RGB: 5, 204, 71
#1f3626rgb(31, 54, 38)
#42704frgb(66, 112, 79)
#4dc47drgb(77, 196, 125)
#d4f5dergb(212, 245, 222)
Pink Hex: #ee4056
RGB: 238, 64, 86
#ef3e56rgb(239, 62, 86)
#42b7b0rgb(66, 183, 176)
#9bcfccrgb(155, 207, 204)
#83edb8rgb(131, 237, 184)
#50bcb6rgb(80, 188, 182)
#fcb643rgb(252, 182, 67)
SlideShare
500px
Blue Hex: #0099e5
RGB: 0, 153, 229
#222222rgb(34, 34, 34)
#ffffffrgb(255, 255, 255)
VK
Blue Hex: #4a76a8
RGB: 74, 118, 168
#5181b8rgb(81, 129, 184)
#2a5885rgb(42, 88, 133)
#edeef0rgb(237, 238, 240)
#f7f8fargb(247, 248, 250)
Steam
Navy Hex: #171A21
RGB: 23, 26, 33
#66c0f4rgb(102, 192, 244)
#1b2838rgb(27, 40, 56)
#2a475ergb(42, 71, 94)
#c7d5e0rgb(199, 213, 224)
Telegram
Blue Hex: #0088cc
RGB: 0, 136, 204
Clarity
Blue Hex: #61bed9
RGB: 97, 190, 217
Listly
Orange Hex: #df6d46
Orange RGB: 223, 109, 70
Blue Hex: #52b1b3
Blue RGB: (82, 177, 179)
#ce4f24rgb(206, 79, 36)
#333333rgb(51, 51, 51)
#409092rgb(64, 144, 146)
#222222rgb(34, 34, 34)
HomeAdvisor
Orange Hex: #f89000
RGB: 248, 144, 0
Houzz
Green Hex: #4dbc15
RGB: 77, 188, 21
Angi
Pink Hex: #ff6153
RGB: 255, 97, 83
Glassdoor
Green Hex: #0caa41
RGB: 0, 175, 65
Shuttered Social Networks
These are brand colors for social networks which are no longer active.
Google+
Red Hex: #db4437
RGB: 219, 68, 55
Vine
Green Hex: #00b489
RGB: 0, 180, 137
Social Media Colors: Sass Variables
/**
* Sass Variables
* Social Media Brand Colors
*/
$facebook: #1877f2;
$facebookold: #3b5998;
$twitter: #1da1f2;
$x: #000000
$youtube: #ff0000;
$instagrammagenta: #c32aa3;
$instagramblue: #4c5fd7;
$instagrampurple: #7232bd;
$instagramorange: #f46f30;
$instagramyellow: #ffdc7d;
$googleblue: #4285f4;
$googlered: #ea4335;
$googleyellow: #fbbc05;
$googlegreen: #34a853;
$pinterest: #bd081c;
$googleplus: #db4437;
$linkedin: #0a66c2;
$vimeoblue: #1ab7ea;
$tumblr: #2c4762;
$snapchat: #fffc00;
$bluesky: #0a7aff;
$whatsappgreen: #25d366;
$whatsappteal1: #075e54;
$whatsappteal2: #128c7e;
$tiktokblack: #010101;
$tiktookblue: #69c9d0;
$tiktokpink: #ee1d52;
$tiktokwhite: #fff;
$mastodon: #563acc;
$apple: #a6b1b7;
$amazon: #ff9900;
$alexablue: #00a7ce;
$alexadkblue: #232f3e;
$microsoftred: #f35022;
$microsoftgreen: #80bb03;
$microsoftblue: #03a5f0;
$microsoftyellow: #ffb903;
$periscope: #40a4c4;
$foursquarepink: #f94877;
$foursquarenavy: #073282;
$foursquareblue: #2d5be3;
$yelp: #d32323;
$swarm: #ffa633;
$medium: #02b875;
$skypeblue: #00aff0;
$skypedkblue: #0078d7;
$android: #a4c639;
$stumbleupon: #e94826;
$flickrpink: #f40083;
$flickrblue: #006add;
$yahoo: #430297;
$twitch: #9146ff;
$soundcloud: #ff5500;
$spotifygreen: #1ed760;
$spotifydarkgreen: #1db954;
$dribbble: #ea4c89;
$slackpurple: #4a154b;
$slackblue: #36c5f0;
$slackgreen: #2eb67d;
$slackred: #e01e5a;
$slackyellow: #ecb22e;
$reddit: #ff5700;
$deviantart: #05cc47;
$pocket: #ee4056;
$quora: #aa2200;
$quorablue: #2b6dad;
$slideshareorange: #e68523;
$slideshareblue: #00a0dc;
$fivehundredpx: #0099e5;
$vk: #4a76a8;
$listlyorange: #df6d46;
$listlyblue: #52b1b3;
$vine: #00b489;
$steam: #171a21;
$discord: #5865f2;
$telegram: #0088cc;
$clarity: #61bed9;
$homeadvisor: #f89000;
$houzz: #4dbc15;
$angi: #ff6153;
$glassdoor: #0caa41;
Social Media Colors: LESS Variables
/**
* LESS Variables
* Social Media Colors
*/
@facebook: #1877f2;
@facebookold: #3b5998;
@twitter: #1da1f2;
@x: #000000
@youtube: #ff0000;
@instagrammagenta: #c32aa3;
@instagramblue: #4c5fd7;
@instagrampurple: #7232bd;
@instagramorange: #f46f30;
@instagramyellow: #ffdc7d;
@googleblue: #4285f4;
@googlered: #ea4335;
@googleyellow: #fbbc05;
@googlegreen: #34a853;
@pinterest: #bd081c;
@googleplus: #db4437;
@linkedin: #0a66c2;
@vimeoblue: #1ab7ea;
@tumblr: #2c4762;
@snapchat: #fffc00;
@bluesky: #0a7aff;
@whatsappgreen: #25d366;
@whatsappteal1: #075e54;
@whatsappteal2: #128c7e;
@tiktokblack: #010101;
@tiktookblue: #69c9d0;
@tiktokpink: #ee1d52;
@tiktokwhite: #fff;
@mastodon: #563acc;
@apple: #a6b1b7;
@amazon: #ff9900;
@alexablue: #00a7ce;
@alexadkblue: #232f3e;
@microsoftred: #f35022;
@microsoftgreen: #80bb03;
@microsoftblue: #03a5f0;
@microsoftyellow: #ffb903;
@periscope: #40a4c4;
@foursquarepink: #f94877;
@foursquarenavy: #073282;
@foursquareblue: #2d5be3;
@yelp: #d32323;
@swarm: #ffa633;
@medium: #02b875;
@skypeblue: #00aff0;
@skypedkblue: #0078d7;
@android: #a4c639;
@twitch: #9146ff;
@stumbleupon: #e94826;
@flickrpink: #f40083;
@flickrblue: #006add;
@yahoo: #430297;
@soundcloud: #ff5500;
@spotifygreen: #1ed760;
@spotifydarkgreen: #1db954;
@dribbble: #ea4c89;
@slackpurple: #4a154b;
@slackblue: #36c5f0;
@slackgreen: #2eb67d;
@slackred: #e01e5a;
@slackyellow: #ecb22e;
@reddit: #ff5700;
@deviantart: #05cc47;
@pocket: #ee4056;
@quora: #aa2200;
@quorablue: #2b6dad;
@slideshareorange: #e68523;
@slideshareblue: #00a0dc;
@fivehundredpx: #0099e5;
@vk: #4a76a8;
@listlyorange: #df6d46;
@listlyblue: #52b1b3;
@vine: #00b489;
@steam: #171a21;
@discord: #5865f2;
@telegram: #0088cc;
@clarity: #61bed9;
@homeadvisor: #f89000;
@houzz: #4dbc15;
@angi: #ff6153;
@glassdoor: #0caa41;
What other social media colors should be listed here? Let me know in the comments below.
Can you add the HEX codes for Snapchat?
Hi Amy:
I’ve added the HEX and RGB for Snapchat, as well as Vine.
awesome. thanks for hex codes 🙂
Glad to be of service, Klaco 🙂
Great!
Whatsapp is missing!
Hi George:
I’ve added the HEX for WhatsApp, as well as SASS and LESS variables.
Thanks,
John
Hi John,
I’m happy to have stumbled on your site. Any chance to put the hex code for Spotify?
Thank you,
Leah
HI Leah:
That’s an excellent suggestion. We’ll add the various Spotify brand colors to the list shortly, but to answer your main question, the hex code for Spotify Green is #1ED760.
Thanks,
John
Hi Leah:
I just wanted to let you know, we added the hex codes for Spotify, as well as the RGB values and accent colors.
Thanks,
John
I would look into updating this post. It seems outdated. For example:
https://business.pinterest.com/en/brand-guidelines
https://www.youtube.com/yt/about/brand-resources/#logos-icons-colors
https://cdn.cms-twdigitalassets.com/content/dam/brand-twitter/asset-download-zip-files/Twitter_Brand_Guidelines.pdf
https://en.facebookbrand.com/assets/f-logo
Hi Anastasia:
We’ve heard your request and updated the brand colors for Facebook, Twitter, Pinterest, and YouTube to reflect the values going into 2018. Thanks for giving us a push in the right direction.
Hi John,
This is a great resource, but I am concerned about how accurate/up-to-date is the information.
For example the Pinterest red is quoted in their own brand guidelines (here: https://business.pinterest.com/en/brand-guidelines ) as being #BD081C and you had it listed it here as #CB2027.
Can you confirm that the others are current?
Hi John:
I’ve heard your concerns. Some of these brands I updated recently, but today I went through and checked all the brands listed here. Every social brand that has a published brand guideline has been updated as of December 11th, 2017. A few of these had major updates due to acquisition (DeviantArt, Slideshare), while others just needed an update (Vimeo, Skype, Pinterest, StumbleUpon, Foursquare). A couple of social media color palettes seemed to have no change from last time I checked (Reddit), and a few had no official brand guidelines that I could find, but looked the same as last time I looked (Yahoo, Listly, Soundcloud). Others I just put in not that long ago (Spotify, WhatsApp, Snapchat) and are current.
Everything you see here now should be current with the current brand guidelines put out by the company and consistent with their own usage of those colors.
Thanks,
John
Hi John,
Thank you for creating this blog, it’s really useful.
After reading the comments, i have an idea. Maybe you could add the date you update (or add) the logo brands, so we know if it’s the newest or not. Also the link source if exist (like the brand guidelines).
Thank you
Those are some great suggestions, Aryo. I will definitely take those under consideration.
Thanks!
Apple’s App Store?
Hi Brad:
We just added Apple’s brand colors today. Have a great holiday 🙂
– John
Excellent. Thank you!
Thanks i love the color codes
Thank you for stopping by, Chris.
Thank you for stopping by, Chris. I appreciate it.
Hi. This is a great resource, thanks for putting it together!
I thought I’d mention a couple of popular social media/gaming services that you might want to add:
* Steam (https://brandcolors.net/b/steam)
* Discord (https://discordapp.com/branding)
* Slack (https://slack.com/brand-guidelines)
Hi Simon:
You’ll be happy to learn I’ve added these three brands to our social media color chart. The Steam colors represented on Brand Colors seemed to be off, so we took the main colors from the Steam site and their published material as our guide.
Have a great day,
John
Such a huge social media hex color resource. I think this is the one place where everyone would find all the social media color codes.
Thanks, John.
Thanks for stopping by our site, Riyaz. Let us know if there are any social media branding colors we are missing, and we’ll add them to our next round of additions.
– John
Hi, just wondering why the social sharing banner at the bottom of your site with Facebook, Twitter and LinkedIn, does not use the colors you have listed in this blog post? Which ones are correct?
Hey J:
The social sharing banner is by Social Warfare. Maybe they’re behind on current branding colors, who knows?
For your other question, the information on the main content of the page always takes precedent over colors that get shipped in helper plugins. If we put it in the list, then that’s the most current info we have (as of the last time we updated the page).
Thanks,
John
Hello,
Thank you for this awesome resource. Could you add Soundcloud and Twitch values please?
Hi Isaac:
You’ll find Twitch here: https://lockedownseo.com/social-media-colors/#twitch
and Soundcloud here: https://lockedownseo.com/social-media-colors/#soundcloud
If there are any other social channels we should have brand colors for, let me know!
Hi! That’s a good post. Could you put the Telegram color on there? Telegram is a very famous social network 🙂
Thanks!!
Hi Salvi:
I love your suggestion. I added the color for Telegram today (#0088cc).
-John
This is so damn cool! The updates and comments were great to read too!
Thanks for helping us all out!
Glad you enjoy this Patte. Right now, this is my second-most trafficked page. Let me know if there’s a social/technology brand I’m missing.
Thanks for the list. Used many times for choosing right color
Gad to be of service, Divvya.
Hi John,
Thanks for this post. Any chance to put the hex code for Spotify?
Thank you,
Jit
Hi Jit:
It’s right here in this section: https://lockedownseo.com/social-media-colors/#spotify.
Spotify Green Hex: #1ed760
Thanks,
John
Hi John,
Thanks for this work, it’s a great help for me. Could you add the CMYK code please or tell me how find them please?
Alexandrine
Hi Alexandrine:
Thanks for the suggestion for CMYK codes. I probably won’t add those to this page, because I’d like to be able to do the same for all listings, and finding CMYK for the more obscure brands isn’t always possible.
If you Google for the social network brand name plus “brand guidelines”, you can usually find a page or PDF with color codes and CMYK (if available) and how to use their logo and assets.
Thanks,
John
What an amazing resource! Can you do TikTok? The black and white would be simple but the turquoise and pinkish/red highlights on the musical note aren’t as easy.
Hi Naomi:
TikTok Black:
#010101;TikTok Sky Blue:
#69c9d0;TikTok Pink/Magenta:
#ee1d52;TikTok White:
#fff;Great list, great post!!!
Glassdoor color code could be added too.
#0CAA41 | RGB: R0 G175 B65 | CMYK: C83 M0 Y87 K0 | Pantone: PMS 2257C.
Thanks so much!
M.
Sorry this took so long, Michal. I added Glassdoor to the list.
– J
Hi, John.
This is a great resource. Do you have the colors for Alexa?
Thanks a lot!
BP
Hello,
Can you please post the light grayish color code that’s the Instagram profile background behind and in-between posts and also it is in the search box?
Thank you.
Hi Robert:
The background on profiles and most pages is
#fafafa; there’s a light gray behind the images that is#efefef.– John
This is very useful. Thanks for creating this resource John 🙂
You’re welcome, Eugene.
This is a wonderful post about social media color codes.
Thanks so very much! We try to keep the HEX and RGB codes updated anytime there’s a brand update at one of the social media companies.
Thank you so much for sharing.
You’re welcome.
Hi Brad:
I’ll be adding the Alexa colors today. The main blue is
#00a7ce; the dark gray is#232f3e; and white is their last main color:#fff.– John
This is amazing and super helpful. I’m always wasting time having to look up social media colors when working on mockups. Thank you so much for the time saver!
I’m glad you find this useful, Calley. Let me know if there’s any social brand colors that should also be included.
– John
Dear John,
Thanks for sharing nice list of top combined brand colors, keep up the good work.
You’re welcome.