Fonts and Colors Used by Social Media Logo Facebook Google+ Twitter Instagram Tumblr Pinterest Vine Path

11.25.2015

Fonts and Colors Used by Social Media Logo Facebook Google+ Twitter Instagram Tumblr Pinterest Vine Path

9:36 PM 10 Comments
Sometimes we need to have a collection of the brand assets used by various social media networks, so you can correctly incorporate those assets into your own work. For example, if you are a designer, you may need them to make your design more varies.

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.



Facebook
Facebook Logo Text Font and Color Used



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.
 

Twitter
Twitter Logo Font and Color Text Used




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+
Google+ Logo Text Font and Color Used



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.


Instagram
Instagram Logo Text Font and Color Used



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.
Tumblr Logo Text Font and Color Used



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
YouTube Logo Font and Color Text Used





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.
 

LinkedIn
LinkedIn Logo Text Font and Color Used




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.
 

Pinterest
Pinterest Logo Font and Color Text Used





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
Vine Logo Font and Color Text Used





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
Flickr Logo Font and Color Text Used





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
Line Logo Font and Color Font Used





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
Path Logo Font and Color Font Used





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: )


WhatsApp
WhatsApp Logo Font and Color Font Used





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: )

Social Media Color Hex and RGB Colours of the WebSocial Media

What Text Font and Color Used by Facebook Logo Twitter Logo Google+ Logo Instagram Logo

What Text Font and Color Used by Tumblr Logo YouTube Logo LinkedIn Logo Pinterest Logo Vine Logo

What Text Font and Color Used by Flickr Logo Line Logo Path Logo WhatsApp Logo

Social Media Branding Color Used

Social Media Branding Font Used

Share this

Galih Gasendra

10 Responses to "Fonts and Colors Used by Social Media Logo Facebook Google+ Twitter Instagram Tumblr Pinterest Vine Path"

  1. sanam arzooFebruary 27, 2016 at 5:41 PM

    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

    ReplyDelete
  2. AnonymousJune 26, 2017 at 12:56 AM

    HELP
    :o

    ReplyDelete
  3. WazeJune 26, 2017 at 12:59 AM

    OH
    =p~

    ReplyDelete
  4. Richard B. HaynesAugust 3, 2017 at 7:39 PM

    Nice post

    ReplyDelete
  5. Charles W. WallerAugust 6, 2017 at 3:31 PM

    Asking 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

    ReplyDelete
  6. Corin MarcAugust 21, 2017 at 4:31 AM

    Great post about social media we can use social media as good thing Techubi

    ReplyDelete
  7. ramosSeptember 18, 2017 at 9:31 PM

    nice

    ReplyDelete
  8. Steve BerkeJuly 11, 2018 at 8:51 AM

    I enjoyed reading your article :) PLease continue publishing helpful topics like this. Regards, from alwaysopencommerce.com.

    I think this article will fully complement your article.

    ReplyDelete
  9. Juliana KhoOctober 27, 2018 at 4:20 AM

    Thank you for your information, please visit:
    http://www.regispokeronline.com/

    ReplyDelete
  10. Innocent SaqibDecember 13, 2018 at 8:35 PM

    If you set out to make me think today; mission accomplished! I really like your writing style and how you express your ideas. Thank you. smm panels list

    ReplyDelete

Subscribe to: Post Comments (Atom)