Skip to main content

Color Theory from Raving Software: Blue and Your Web Design

By November 6, 2017May 23rd, 2020Design Tips

How to use blue in your branding and web design

This is part of our ongoing “Design Tips for Clients” series. Whether you’re one of our clients or you’re looking to learn about design, we’ll give you an introduction to color, typography, industry jargon and much more.

We’re halfway through our in-depth look at individual colors and how they affect your website design. If you’re just joining us, we’ve discussed red, orange, yellow, and green, and have three more colors (purple, white, and black) to go after this addition. In our last “Design Tips for Clients” post, we discussed green, which happens to be a popular color at the moment. Green is a very versatile color, both in variations and meaning, and is fairly underused as a dominant brand color, especially in comparison to tried-and-true blue.


Different meanings of blue

Blue is used by many businesses both online and offline. Facebook, Twitter, LinkedIn, AT&T, BMW, General Electric, Visa, Citibank, Bank of America, and many more businesses and organizations use blue as a dominant color for their brand.

Why is blue such a common color for businesses? Blue gives people a sense of trust, truth, and loyalty. These values are very important for businesses, especially those that handle sensitive information, to convey to their clients.

Businesses can also use blue to give a sense of relaxation, freedom, cleanliness, wonder, calmness, sadness, renewal, and peace. It’s rare that a business would want potential customers to feel sad when visiting its website, so it’s important to choose the right blue.


Blue is a common design and branding color, but the right blue for your business will be different from the right blue of someone else’s business.

Tints and shades of blueColor palette examples:

  • Dark blues used with white and gray give a plain, conservative tone.
  • Lighter blues paired with white and gray give a clean and calming effect.
  • A dark blue with a dark red, and dark grays give a serious yet sophisticated tone.
  • A bright blue with other bright colors can give a very fun and active tone.

If your business is kid-oriented, then a lot of bright colors would probably work for it. However, the colors should be implemented with purpose and not cause a headache to any possible adult users, who will ultimately buy your product or service for their child.


When choosing a blue as your base color, it is important to ensure that there is enough contrast provided by your other colors. Contrast is especially important if you plan to have color text on a color background. If you’re new to color theory and design and starting your business, consider using blue as your base color. It’s an easy color to work with and can be incorporated into just about every type of business.


Resources: “How to Use the Psychology of Color to Increase Website Conversions” from kissmetrics and “Color Theory 101” by James George.

Is there a design topic you want to know more about? Let us know in the comments or contact us through email.

Keep up with all the latest developments and projects from Raving Software on Facebook, Twitter, LinkedIn, and Pinterest.