Here are the fonts and color that used by the most popular social media websites such as Facebook, Twitter, Google+, Instagram, etc. Please note that we were not able to check the licensing for each of the fonts. And we were not able to check the exactly color that used for them.
Logo
Fonts
- Facebook Letter Faces
- Klavika Bold (Alternative)
Color
| - Blue (Hex: #3B5998 - RGB: 59, 89, 152) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Freight Sans, Helvetica, Roboto
Color
| - Blue (Hex: #3B5998 - RGB: 59, 89, 152) |
.
|
| - Medium Blue (Hex: #6D84B4-RGB: 109, 132, 180) |
.
|
| - Lighter Blue (Hex: #AFBDD4 - RGB: 175, 189, 212) |
.
|
| - Lightest Blue (Hex: #D8DFEA - RGB: 216, 223, 234) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
More information on Facebook branding.
Logo
Fonts
- Pico Alphabet (Modified)
Color
| - Blue (Hex: #55ACEE - RGB: 85, 172, 238) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Helvetica Neue, Helvetica, Gotham Narrow, Arial
Color
| - Blue (Hex: #55ACEE - RGB: 85, 172, 238) |
.
|
| - Dark Grey (Hex: #292F33 - RGB: 41, 47, 51) |
.
|
| - Grey (Hex: #66757F - RGB: 102, 117, 127) |
.
|
| - Light Grey (Hex: #CCD6DD - RGB: 204, 214, 221) |
.
|
| - Light Grey 2 (Hex: #E1E8ED - RGB: 225, 232, 237) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
More information on Twitter branding.
Google+
Logo
Fonts
- Product Sands (Newest)
- Catull (Previous Logo)
Color
| - Red (Hex: #DC4E41 - RGB: 220, 78, 65) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Roboto, Arial, Halvatica
Color
| - Red (Hex: #DC4E41 - RGB: 220, 78, 65) |
.
|
| - Red (Search panel) (Hex: #E06055 - RGB: 224, 96, 85) |
.
|
| - Dark Grey (Unactive Icon) (Hex: #878787 - RGB: 135, 135, 135) |
.
|
| - Light Grey (Background) (Hex: #EEEEEE - RGB: (238, 238, 238) |
.
|
| - White (Status background) (Hex: #FEFEFE - RGB: (254, 254, 254) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
More information on Google+ branding.
Logo
Fonts
- Billabong
Color
| - Icon Red (Hex: #FB3958 - RGB: 251, 57, 88) |
.
|
| - Icon Yellow (Hex: #FFC838 - RGB: 255, 200, 56) |
.
|
| - Icon Green (Hex: #6DC993 - RGB: 109, 201, 147) |
.
|
| - Icon Blue (Hex: #458EFF - RGB: 69, 142, 255) |
.
|
| - Icon Light Brown (Hex: #DED1C1 - RGB: 222, 209, 193) |
.
|
| - Icon Dark Brown (Hex: #9B6954 - RGB: 155, 105, 84) |
.
|
| - Logo Dark Blue (Hex: #125688 - RGB: 18, 86, 136) |
.
|
Website / App
Fonts
- Freight Sans, Neue Helvatica
Color
| - Blue (Hex: #3F729B - RGB: 63, 114, 155) |
.
|
Tumblr.
Logo
Fonts
- Bookman Old Style Bold
Color
| - Dark Blue (Hex: #36465D - RGB: 54, 70, 93 ) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
- (Hex: - RGB: )
More Information on Tumblr branding.
YouTube
Logo
Fonts
- TradeGothic LT (Bold Condensed No. 20)
- League Gothic Regular (Alternative)
Color
| - Red Flat (Hex: #CD201F - RGB: 205, 32, 31) |
.
|
| - Red Gradient - from (Hex: #E52D27 - RGB: 229, 45, 39) to (Hex: #B31217 - RGB: 179, 18, 23) |
.
|
| - Black (Hex: #000000 - RGB: 0, 0, 0) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
| - Red (Hex: #CD201F - RGB: 205, 32, 31) |
.
|
| - Black (Hex: #000000 - RGB: 0, 0, 0) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
| - Light Grey (Hex: #F1F1F1 - RGB: 241, 241, 241) |
.
|
More information on YouTube branding.
Logo
Fonts
- Myriad Pro Bold
Color
| - Blue (Hex: #0077B5 - RGB: 0, 119, 181) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
| - Black (Hex: #000000 - RGB: 0, 0, 0) |
.
|
Website / App
Fonts
- Avenir Next, Helvetica, Arial, Georgia.
Color
- (Hex: - RGB: )
More information on LinkedIn branding.
Logo
Fonts
- Custom Typography
- Bello Script
Color
| - Red (Hex: #BD081C - RGB: 189, 8, 28 ) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Abril, Neue Helvetica, Adelle Sans, Proxima Nova
Color
- (Hex: - RGB: )
More information on Pinterest branding.
Vine
Logo
Fonts
- Typography (Similar Pinterest)
Color
| - Green (Hex: #00B488 - RGB: 0, 180, 136) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Calibre.
Color
- (Hex: - RGB: )
More information on Vine branding.
Flickr
Logo
Fonts
- Frutiger Black
Color
| - Blue (Hex: #0063DC - RGB: 0, 99, 220) |
.
|
| - Pink (Hex: #FF0084 - RGB: 255, 0, 132) |
.
|
Website / App
Fonts
- Proxima Nova, Helvetica Neue ,Helvetica, Arial
Color
| - Dark Grey (Header) (Hex #202022 - RGB: 32, 32, 34) |
.
|
| - Light Grey (Background) (Hex #F3F5F6 - RGB: 243, 245, 246) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Line
Logo
Fonts
- Rubrik Semi Bold (Alternative)
- VAG Rounded Bold (Alternative)
Color
| - Green (Hex: #00C300 - RGB: 0, 195, 0) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
- (Hex: - RGB: )
More information on Line branding.
Path
Logo
Fonts
- Coquette Bold
Color
| - Red (Hex: #EE3423 - RGB: 238, 52, 35) |
.
|
| - White (Hex: #FFFFFF - RGB: 255, 255, 255) |
.
|
Website / App
Fonts
- Neue Helvetica
Color
- (Hex: - RGB: )
Logo
Fonts
- Helvetica Neue Bold
Color
| - Green (Hex: #25D366 - RGB: 37, 211, 102) |
.
|
| - Green Grey (Logo Background (Hex: #455963 - RGB: 69, 89, 99)) |
.
|
| - White (Hex: #FFFFFF- RGB: 255, 255, 255) |
.
|
Website / App
Fonts
-
Color
| - Dark Teal Green (Hex: #075E54 - RGB: 37, 211, 102) |
.
|
| - Light Teal Green (Hex: #128C7E - RGB: 18, 140, 126) |
.
|
| - Light Green (Hex: #25D366 - RGB: 37, 211, 102) |
.
|
| - White Green (Outgoing chat bubble) (Hex: #DCF8C6 - RGB: 220, 248, 198) |
.
|
| - Checkmark Blue (Hex: #34B7F1 - RGB: 52, 183, 241) |
.
|
| - Light Cream (Chat Background) (Hex: #ECE5DD - RGB: 236, 229, 221) |
.
|
More information on WhatsApp branding.
Soon
Logo
Fonts
-
Color
- (Hex: # - RGB: )
Website / App
Fonts
-
Color
- (Hex: # - RGB: )
I really love reading and following your post as I find them extremely informative and interesting. This post is equally informative as well as interesting . Facebook Applications
ReplyDeleteHELP
ReplyDelete:o
OH
ReplyDelete=p~
Nice post
ReplyDeleteAsking the correct inquiries before procuring a Social Media director will guarantee you pick astutely and see how they will profit your business. Here are 21 questions you can ask a potential online networking figure out how to enhance your employing procedure. Read More
ReplyDeleteGreat post about social media we can use social media as good thing Techubi
ReplyDeletenice
ReplyDeleteI enjoyed reading your article :) PLease continue publishing helpful topics like this. Regards, from alwaysopencommerce.com.
ReplyDeleteI think this article will fully complement your article.