Here is our guide of social media colors for 50 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 July 16th, 2020 to add the brand colors for Alexa and TikTok.
Alphabetical Quick Links To Social Media Colors in HEX and RGB
- 500px
- Alexa
- Amazon
- Android
- Angie’s List
- Apple
- 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
- Vimeo
- Vine
- VK
- Yahoo!
- Yelp
- YouTube
Blue Hex: #1877f2
RGB: 24, 119, 242
#3b5998
rgb(59, 89, 152)
Blue Hex: #1da1f2
RGB: 29, 161, 242
#14171a
rgb(20, 23, 26)
#aab8c2
rgb(170, 184, 194)
#e1e8ed
rgb(225, 232, 237)
#f5f8fa
rgb(245, 248, 250)
YouTube
Red Hex: #ff0000
RGB: 255, 0, 0
#282828
rgb(40, 40, 40)
#ffffff
rgb(255, 255, 255)
Magenta Hex: #c32aa3
RGB: 195, 42, 163
#4c5fd7
rgb(76, 95, 215)
#7232bd
rgb(114, 50, 189)
#f46f30
rgb(244, 111, 48)
#ffdc7d
rgb(255, 220, 125)
Red Hex: #bd081c
RGB: 189, 8, 28
Blue Hex: #007bb5
RGB: 0, 119, 181
#000000
rgb(0, 0, 0)
#ffffff
rgb(255, 255, 255)
#00a0dc
rgb(0, 160, 220)
Blue Hex: #4285f4
RGB: 66, 133, 244
#ea4335
rgb(234, 67, 53)
#34a853
rgb(52, 168, 83)
#fbbc05
rgb(251, 188, 5)
Snapchat
Yellow Hex: #fffc00
RGB: 255, 252, 0
#ffffff
rgb(255, 255, 255)
#000000
rgb(0, 0, 0)
Green Hex: #25d366
RGB: 37, 211, 102
#075e54
rgb(7, 94, 84)
#128c7e
rgb(18, 140, 126)
#dcf8c6
rgb(220, 248, 198)
#34b7f1
rgb(52, 183, 241)
Tumblr
Blue Hex: #35465d
RGB: 54, 70, 93
Orange Hex: #ff4500
RGB: 255, 69, 0
#ff5700
rgb(255, 87, 0)
#cee3f8
rgb(206, 227, 248)
#336699
rgb(51, 102, 153)
#5f99cf
rgb(95, 153, 207)
TikTok
Black Hex: #010101
RGB: 1, 1, 1
#69c9d0
rgb(105, 201, 208)
#ee1d52
rgb(238, 29, 82)
#ffffff
rgb(255, 255, 255)
Yelp
Red Hex: #d32323
RGB: 211, 35, 35
Mastodon
Blue Hex: #2b90d9
RGB: 43, 144, 217
#282c37
rgb(40, 44, 55)
#9baec8
rgb(155, 174, 200)
#d9e1e8
rgb(217, 225, 232)
Spotify
Green Hex: #1ed760
RGB: 30, 215, 96
#1db954
rgb(29, 185, 84)
#ffffff
rgb(255, 255, 255)
#191414
rgb(25, 20, 20)
Apple
Gray Hex: #a6b1b7
RGB: 166, 177, 183
#000000
rgb(0, 0, 0)
#333333
rgb(51, 51, 51)
#bbbbbb
rgb(187, 187, 187)
#ffffff
rgb(255, 255, 255)
Amazon
Orange Hex: #ff9900
RGB: 255, 153, 0
Alexa
Blue Hex: #00a7ce
RGB: 0, 167, 206
#232f3e
rgb35, 47, 62)
#ffffff
rgb(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
#d55548
rgb(213, 85, 72)
#7cd6f1
rgb(124, 214, 241)
#3f4d51
rgb(63, 77, 81)
#a4b8be
rgb(164, 184, 190)
Foursquare
Pink Hex: #f94877
Pink RGB: 249, 72, 119
#073282
rgb(7, 50, 130)
#2d5be3
rgb(45, 91, 227)
Swarm
Orange Hex: #ffa633
RGB: 255, 166, 51
#f06d1b
rgb(240, 109, 27)
#ffa71c
rgb(255, 167, 28)
#2182eb
rgb(33, 130, 235)
Medium
Green Hex: #02b875
RGB: 2, 184, 117
#12100e
rgb(18, 16, 14)
#ffffff
rgb(255, 255, 255)
#e8f3ec
rgb(232, 243, 236)
#00ab6b
rgb(0, 171, 107)
Vimeo
Blue Hex: #1ab7ea
RGB: 26, 183, 234
#162221
rgb(22, 34, 33)
#ffffff
rgb(255, 255, 255)
#000000
rgb(0, 0, 0)
Skype
Blue Hex: #00aff0
RGB: 0, 175, 240
#0078d7
rgb(0, 120, 215)
Android
Green Hex: #a4c639
RGB: 164, 198, 57
Quora
Maroon Hex: #aa2200
RGB: 170, 34, 0
#ffffff
rgb(255, 255, 255)
#2b6dad
rgb(43, 109, 173)
Dribbble
Pink Hex: #ea4c89
RGB: 234, 76, 137
#c32361
rgb(195, 35, 97)
#444444
rgb(68, 68, 68)
#9ba5a8
rgb(155, 165, 168)
Slack
Purple Hex: #4a154b
RGB: 74, 21, 75
#36c5f0
rgb(54, 197, 240)
#2eb67d
rgb(46, 182, 125)
#e01e5a
rgb(224, 30, 90)
#ecb22e
rgb(236, 178, 46)
StumbleUpon
Orange Hex: #e94826
RGB: 233, 72, 38
#eb4924
rgb(235, 73, 36)
#e4e5e7
rgb(228, 229, 231)
#000000
rgb(0, 0, 0)
Flickr
Pink Hex: #f40083
Pink RGB: 244, 0, 131
Blue Hex: #006add
Blue RGB: (0, 106, 221)
#ff1981
rgb(255, 25, 129)
#177fff
rgb(23, 127, 255)
#ff0084
rgb(255, 0, 132)
#246dd6
rgb(36, 109, 214)
Yahoo
Purple Hex: #6001d2
RGB: 96, 1, 210
Twitch
Purple Hex: #9146ff
RGB: 145, 70, 255
#f0f0ff
rgb(240, 240, 255)
#000
rgb(0, 0, 0)
Soundcloud
Orange Hex: #ff5500
RGB: 255, 85, 0
#ff7700
rgb(255, 119, 0)
#ff3300
rgb(255, 51, 0)
#ff4B00
rgb(255, 75, 0)
#ff3801
rgb(255, 56, 1)
DeviantArt
Green Hex: #05cc47
RGB: 5, 204, 71
#1f3626
rgb(31, 54, 38)
#42704f
rgb(66, 112, 79)
#4dc47d
rgb(77, 196, 125)
#d4f5de
rgb(212, 245, 222)
Pink Hex: #ee4056
RGB: 238, 64, 86
#ef3e56
rgb(239, 62, 86)
#42b7b0
rgb(66, 183, 176)
#9bcfcc
rgb(155, 207, 204)
#83edb8
rgb(131, 237, 184)
#50bcb6
rgb(80, 188, 182)
#fcb643
rgb(252, 182, 67)
SlideShare
Orange Hex: #e68523
Orange RGB: 230, 133, 35
Blue Hex: #00a0dc
Blue RGB: 0, 160, 220
#0077b5
rgb(0, 119, 181)
500px
Blue Hex: #0099e5
RGB: 0, 153, 229
#222222
rgb(34, 34, 34)
#ffffff
rgb(255, 255, 255)
VK
Blue Hex: #4a76a8
RGB: 74, 118, 168
#5181b8
rgb(81, 129, 184)
#2a5885
rgb(42, 88, 133)
#edeef0
rgb(237, 238, 240)
#f7f8fa
rgb(247, 248, 250)
Steam
Navy Hex: #171A21
RGB: 23, 26, 33
#66c0f4
rgb(102, 192, 244)
#1b2838
rgb(27, 40, 56)
#2a475e
rgb(42, 71, 94)
#c7d5e0
rgb(199, 213, 224)
Discord
Blurple Hex: #7289da
RGB: 114, 137, 218
#ffffff
rgb(255, 255, 255)
#99aab5
rgb(153, 170, 181)
#2c2f33
rgb(44, 47, 51)
#23272a
rgb(35, 39, 42)
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)
#ce4f24
rgb(206, 79, 36)
#333333
rgb(51, 51, 51)
#409092
rgb(64, 144, 146)
#222222
rgb(34, 34, 34)
HomeAdvisor
Orange Hex: #f89000
RGB: 248, 144, 0
Houzz
Green Hex: #4dbc15
RGB: 77, 188, 21
Angie’s List
Green Hex: #29a036
RGB: 41, 160, 54
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; $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: #007bb5; $vimeoblue: #1ab7ea; $tumblr: #2c4762; $snapchat: #fffc00; $whatsappgreen: #25d366; $whatsappteal1: #075e54; $whatsappteal2: #128c7e; $tiktokblack: #010101; $tiktookblue: #69c9d0; $tiktokpink: #ee1d52; $tiktokwhite: #fff; $mastodon: #2b90d9; $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: #7289da; $telegram: #0088cc; $clarity: #61bed9; $homeadvisor: #f89000; $houzz: #4dbc15; $angieslist: #29a036; $glassdoor: #0caa41;
Social Media Colors: LESS Variables
/** * LESS Variables * Social Media Colors */ @facebook: #1877f2; @facebookold: #3b5998; @twitter: #1da1f2; @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: #007bb5; @vimeoblue: #1ab7ea; @tumblr: #2c4762; @snapchat: #fffc00; @whatsappgreen: #25d366; @whatsappteal1: #075e54; @whatsappteal2: #128c7e; @tiktokblack: #010101; @tiktookblue: #69c9d0; @tiktokpink: #ee1d52; @tiktokwhite: #fff; @mastodon: #2b90d9; @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: #7289da; @telegram: #0088cc; @clarity: #61bed9; @homeadvisor: #f89000; @houzz: #4dbc15; @angieslist: #29a036; @glassdoor: #0caa41;
What other social media colors should be listed here? Let me know in the comments below.
Tags: Branding, Color Theory, Facebook, Social Media, Visual DesignOriginally Published: February 26th, 2019