Social Media Colors for 2026: HEX Codes, RGB, SASS

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.

---

Facebook

---

Twitter / X

---

YouTube

---

LinkedIn

---

Instagram

---

TikTok

---

Google

---

Pinterest

---

Snapchat

---

Bluesky

---

WhatsApp

---

Tumblr

---

Reddit

---

Twitch

---

Discord

---

Yelp

---

Mastodon

---

Spotify

---

Apple

---

Amazon

---

Alexa

---

Microsoft

---

Periscope

---

Foursquare

---

Swarm

---

Medium

---

Vimeo

---

Skype

---

Android

---

Quora

---

Dribbble

---

Slack

---

StumbleUpon

---

Flickr

---

Yahoo

---

Soundcloud

---

DeviantArt

---

Pocket

---

SlideShare

---

500px

---

VK

---

Steam

---

Telegram

---

Clarity

---

Listly

---

HomeAdvisor

---

Houzz

---

Angi

---

Glassdoor

---

Shuttered Social Networks

These are brand colors for social networks which are no longer active.

---

Google+

---

Vine

---

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.