Creative Connection

Cool or Just Common? Blue is the Web’s Most Popular Colour

Is the colour blue enriching your website, or did you choose a different strategy? If you chose blue, you are not alone.

After scraping colour codes from the world’s top 10 most visited websites in September of 2016, including Google, Facebook, and Twitter, designer Paul Hebert deemed blue the most popular colour. It’s not just the default #ooooEE blue that you see colouring hyperlinks, either. Hebert found a variation of blue hues that are popular among the most widely trafficked websites.

The blue trend sheds an important light on the way some designers approach the experience of their web audience. Designers are frequently caught trying to please a multitude of individuals with a variety of different preferences, which can lead designers to look to current trends for creative inspiration.

Does that mean that blue is a one-size-fits-all for every brand? Hardly. Staying on top of trends in user interface and user experience (UI/UX) is critical, but it doesn’t mean jumping on the bandwagon is always the best approach. Determining whether to strategically incorporate trends like the colour blue — or intentionally push against them to stand out — are important branding decisions that are sure to vary from one business to the next.

How can you determine which colours work best for your brand? Let’s start by looking into some of the reasons behind the tonal trend.

What’s Behind Blue’s Online Popularity?

If you want to know what’s working in web design, take a look at what other successful brands are doing. That was Paul Hebert’s thinking when he started tracking which colours the most popular websites were using some four years ago. After creating a tool that helped him identify the colours on home pages and style sheets of the most visited websites, Hebert discovered the colour blue was an overwhelmingly prominent design choice online.

Pantone Colour Institute Vice President Laurie Pressman sheds light on some of the reasons behind the colour blue’s online popularity. “Blue is not only the most popular colour on the web today, it is also the most popular colour on the spectrum internationally. Long associated with the serenity of a clear blue sky, and the cleansing waters of tranquil seas, the human mind embraces the concept of blue as constant, translating it into a symbolic message of dependability and loyalty.”

According to Pressman, the increased popularity of UI/UX methodologies has influenced the popularity of blue in web design. “We trust blue — it is there for us every day. It doesn’t interfere with our world; instead it welcomes and reassures us. The blues are also gender-neutral. The most popular colour family across both sexes around the world, blue connects our global culture.”

The all-inclusive nature of the colour blue may be another reason behind blue’s online popularity. An estimated 10 percent of the population is red-green colourblind, making blue a cool colour everyone can get on board with. According to a 2010 article featured in The New Yorker, blue is Mark Zuckerberg’s colour of choice precisely for that reason (and the fact that he himself is colourblind).



Is Blue Always the Best Design Choice?

Just because blue is the most popular colour in web design today, it doesn’t mean every brand should drop what they’re doing and focus on a blue-only strategy. According to Gage Salzano, senior designer at creative studio Nelson Cash, there is a common-sense explanation for blue’s popularity online, as well as a few good reasons why some brands may want to avoid the colour.

“Blue is the most popular colour period, not just in web design,” Salzano says. “I think blue is the most common colour used in design of all types. Why? I think because it’s not controversial or polarising.” To Salzano, blue speaks to safety, professionalism, and security. With the colour blue, there are no surprises to be had.

But sometimes a little surprise is a good thing. “Oftentimes, when we pitch branding concepts at Nelson Cash, we avoid blue unless there’s a good conceptual reason for it,” Salzano says. “This is simply to stand out. I have to imagine that’s the same reason a handful of companies have rebranded in the past couple of years to move away from blue.”

Adobe Experience Design Manager Sonja Hernandez has a similar take. “I am not in favor of making any design decision based on whether it follows a trend or not. It is more important for the design to reflect what is appropriate for the product or company and how that communicates to the user. Trends come and go over the years, and if what you are designing will need to be around for a while, it’s probably best to not date it by giving it a look that matches a specific current trend.”

Few examples of the need to focus on long-term branding in design are better than Adobe red. “The Adobe red A is one of the most recognised brands,” says Hernandez. “The continued use of this over the years has built brand equity, and it’s hard for me to imagine the Adobe logo any other way.”

Is Blue the Right Colour for Your Brand?

Thinking about betting on blue? Not so fast. While the popularity of blue online is undeniable, there are several factors you should consider before overhauling your website, beginning with colour connotation.

Know your audience and how they perceive colour. Colour connotation is the interpretation of what people believe different colours mean, and it varies from one culture to the next, so making design choices based on audience demographics and location is key.

Other colour considerations include the imagery your brand is trying to convey to its audience. An airline or spring water bottling company might consider choosing blue because it reminds people of the sky or water, respectively. Paul Hebert points out one colour choice that has been shown to appeal to our appetites. “A lot of the time you’ll see orange in relation to food,” Hebert says. “Restaurants will use orange colours [because] some of that orange almost stimulates the appetite.”

Consider saturation and value. Colour saturation and value, according to Hebert, also play a crucial role in web design. “Saturated colours stand out more and draw the eye, while the less saturated colours support other colours in the scheme. Then, when it comes to value . . . you generally see contrasting value. So, they’ll have some really low value colours, maybe the background colour is a light white or tan and then to contrast with that, they’ll have a higher-value colour like a black that stands out against the low-value colour.”

Test your choices. Finally, improving UI/UX can’t be done without incorporating tools that allow designers to test-drive the user experience and ensure the design and colour appeals to a variety of users. All-in-one solutions such as Adobe XD allow faster iteration of design choices, thus helping UX designers quickly get to prototype and solicit feedback faster.

Your Brand’s Colour Strategy

Regardless of the brand-specific design choices creative teams need to make, one thing is clear: dropping a colour strategy that’s working to follow a trend is rarely a good idea. It is, however, a good idea to remember the basics — understand your audience and how they will receive the messages your designs are sending. Is there a valid conceptual reason to use a colour, or will it simply cause your designs to blend in with the crowd? Does your design need to present itself as cool and collected, or would a fiery red theme better portray your design’s tenacity and strength? But if blue is the colour for you, you are in good company.

UX/UI Design, Web Design

Join the discussion

  • By Mirela - 8:47 AM on June 7, 2017   Reply

    Or it is just a favorite color that makes people come back on sites! They love the sky and the freedom so they will love a site that shows freedom. Interesting approach!

  • By Emmanuel Effiom - 12:03 PM on April 19, 2018   Reply

    when we found blue in the sky and water we discover that blue is the best

Reply to Emmanuel Effiom