Skip to main content

Google's Favorite Colors By Hex Codes (With New Google Logo)

Google keeps its color scheme cross their products. Of course, each uses different colors but it keeps the main philosophy. I heard that the test period for new Google logo was more than one year. It may the reason that the colors are comfortable to look. Sometimes, I copy the colors for designing my blogs and web sites. Copyright? oh..


0. New Google Logo Color (Aug. 2015)

Red: #FF3424
Blue: #3284FF
Yellow: #FFBB00
Green: #26B14C


1. OLD Google Logo Color
Red: #F90101
Blue: #0266C8
Yellow: #F2B50F
Green: #00933B
*It may not exactly match and the Logo has gradient effects.

2. Commonly Used Over Google Websites
Background / Top Search Bar: #F5F5F5
Default Text: #666666
Default Text Alternate: #222222
Menu: #666666
Selected Menu/Title: #DD4B39
Link: #33aaff
Link Alternate 1: #1155cc
Link Alternate 2: #11aaff
Visited Link: #6611CC
Border: #CCCCCC
Border Alternate: #BDBDBD
Button: #4D90FE
Button Gradient: #357AE8

3. Google Search
Page Title: #1122CC
Page Description: #444444
Page URL: #009933
Search Button: #4D90FE
Search Button Gradient: #4787ED
Menu Text: #666666
Menu Text Hover: #000000

4. Top Navigation Bar
Background: #2D2D2D or #000000 with opacity 0.2
Item Text: #CCCCCC
Labels:

Comments

  1. AnonymousAugust 24, 2013 at 1:03 PM

    check out the correct values:

    sites dot google dot com/site/studentchromebook/event-resources-and-calendar/event-planning-print-materials

    ReplyDelete
  2. Chris HayesOctober 6, 2013 at 12:44 AM

    Thanks this is really helpful. Google color schemes are well researched to be user friendly. They help increase CTR and as a designer I really find these useful! Cheers!

    ReplyDelete
  3. EL SalvadorFebruary 6, 2014 at 3:29 PM

    great will implement it in my blog

    ReplyDelete
  4. AnonymousOctober 14, 2014 at 11:49 PM

    your codes are not the same. close but not same.

    ReplyDelete
    Replies
    1. AnonymousOctober 14, 2014 at 11:51 PM

      exactly. See here:
      http://www.google.com/support/enterprise/static/gsa/docs/admin/70/admin_console_help/serve_output_xslt_global.html

      Delete
  5. Calgary KingFebruary 7, 2015 at 11:40 AM

    Thanks for this, I'm using Font Awesome and wanted to know the hex for Google's logo icon.

    ReplyDelete
  6. FrancescaOctober 14, 2017 at 3:57 PM

    Thanks,
    it help me to blend colors on my site.

    ReplyDelete
  7. YakoJune 4, 2018 at 11:49 AM

    Thanks for sharing bro!

    ReplyDelete
  8. TejutejuAugust 23, 2018 at 7:19 AM

    It is nice article and I was really impressed by reading this Ruby on Rails Online Training

    ReplyDelete
  9. AnonymousOctober 30, 2018 at 4:12 AM

    Hi very thanks for the article :)

    googlehexa plus.google.com/u/1/108641535612627474359

    ReplyDelete
  10. hania khanMay 27, 2019 at 12:56 AM

    Idea is the key factor on which your organization's picture is mounted. It is much the same as a dress you give yourself on certain occasion, regardless of whether you need to have a seventeenth century great outfit or a twentieth century craziest one. logo design service

    ReplyDelete
  11. UnknownJuly 22, 2021 at 4:21 PM

    aşk kitapları
    tiktok takipçi satın al
    instagram beğeni satın al
    youtube abone satın al
    twitter takipçi satın al
    tiktok beğeni satın al
    tiktok izlenme satın al
    twitter takipçi satın al
    tiktok takipçi satın al
    youtube abone satın al
    tiktok beğeni satın al
    instagram beğeni satın al
    trend topic satın al
    trend topic satın al
    youtube abone satın al
    takipçi satın al
    beğeni satın al
    tiktok izlenme satın al
    sms onay
    youtube izlenme satın al
    tiktok beğeni satın al
    sms onay
    sms onay
    perde modelleri
    instagram takipçi satın al
    takipçi satın al
    tiktok jeton hilesi
    instagram takipçi satın al pubg uc satın al
    sultanbet
    marsbahis
    betboo
    betboo
    betboo

    ReplyDelete
  12. AnonymousMay 17, 2022 at 9:14 PM

    perde modelleri
    sms onay
    mobil ödeme bozdurma
    nft nasıl alınır
    ankara evden eve nakliyat
    trafik sigortası
    dedektör
    web sitesi kurma
    ask romanlari

    ReplyDelete
  13. AnonymousMay 25, 2022 at 5:27 PM

    smm panel
    Smm Panel

    İNSTAGRAM TAKİPÇİ SATIN AL
    hirdavatci
    Www.beyazesyateknikservisi.com.tr
    SERVİS
    TİKTOK JETON HİLESİ İNDİR

    ReplyDelete
  14. AnonymousJune 3, 2022 at 1:18 PM

    kadıköy vestel klima servisi
    pendik vestel klima servisi
    kartal vestel klima servisi
    beykoz mitsubishi klima servisi
    üsküdar mitsubishi klima servisi
    pendik arçelik klima servisi
    kadıköy lg klima servisi
    maltepe alarko carrier klima servisi
    kadıköy alarko carrier klima servisi

    ReplyDelete
  15. sportsbetDecember 23, 2022 at 6:14 AM

    Good content. You write beautiful things.
    hacklink
    vbet
    taksi
    vbet
    sportsbet
    korsan taksi
    hacklink
    mrbahis
    mrbahis

    ReplyDelete
  16. poker siteleriJanuary 4, 2023 at 12:45 AM

    Good text Write good content success. Thank you
    tipobet
    slot siteleri
    kralbet
    betpark
    bonus veren siteler
    betmatik
    mobil ödeme bahis
    kibris bahis siteleri

    ReplyDelete
  17. adaJuly 9, 2023 at 6:16 PM

    dijital kartvizit
    referans kimliği nedir
    binance referans kodu
    referans kimliği nedir
    bitcoin nasıl alınır
    resimli magnet
    ZCQX5

    ReplyDelete
  18. buseJuly 24, 2023 at 9:18 PM

    hatay
    kars
    mardin
    samsun
    urfa
    UOU3

    ReplyDelete
  19. techarinatipsApril 25, 2024 at 8:07 AM

    Get blazing fast Dedicated Server in Dallas for unbeatable performance. Reliable server solutions tailored to your needs. Explore options now!

    ReplyDelete

Post a Comment

Popular posts from this blog

Why Blogger Mobile Template Not Work?

Google Blogger shows blog pages with mobile CSS on mobile devices unless you change it disabled. You can see next figure by clicking mobile setting button on Template page. Since I want to change CSS and I remember there are some CSS elements starting with '.mobile', I open the template editor and edit as I want. And open my blog in my smart phone. Nothing changed.
27 comments
Read more