How to choose the best color scheme for your website

Written BY

Alessandra

The art of being creative in all its forms, has always fascinated me. I have a passion for beautiful things and at the same time I also have years of experience in the technical field.

Read more...

June 11th, 2019

If you have already worked on defining your brand, then you most likely have already picked your color palette.

Choosing a color scheme is a big step on how to design a website. It doesn’t just represent your business but it evokes emotions in your visitors.

I know you might be thinking that you are not artistic, not creative, but I can tell you, you don’t need to be an artist to create compelling visual content and choose the winning color scheme for your website.

You still need to have a bit of knowledge though. So learn what each color represents. Read about the psychology of colors. Later, you’ll find a small list with few meanings but there is a lot more on the internet about this topic.

Color Matters (https://www.colormatters.com/) for example is a website where you can find a lot of information including a whole section dedicated to color and design.

Here are few but very important tips that will help you choose a winning color scheme for your website:

  • Pick a dominant color and combine it with few complimentary colors.
  • Choose a background color.
  • Your color scheme should be consistent across the site.

Pick a dominant color

Your dominant color should be chosen based on the emotion you want to evoke and also the type of customer you want to attract.

Indeed the color you choose will help bring out certain emotions and feelings. Here the list of colors together with the emotions they evoke:

  • Yellow: Youthful and optimism. Used to grab attention. Can put strain on the eyes, so it is usually not good as a background or primary site color.
  • Red: Passion and energy. Often used to create urgency for people to purchase products.
  • Blue: Trust and security. Business and banks use it to create sense of security and trust in their brand.
  • Green: Wealth and health. Relaxing and easy-going. It’s the easiest color for the eye to process.
  • Orange: Aggressive and excitement. Promotes people to take action.
  • Pink: Feminine and romantic. Often used to market products to women and girls.
  • Black: Power and elegance. Use it to market luxury products and appeal to impulse buyers.
  • Purple: Soothing and calming. Often used to market anti-aging products.

When you choose your dominant color, always keep in mind the identity of your business and the type of customer you want to attract.

If, for example, you sell tea, black might not be the best choice as dominant color. While green could be better “fit for purpose”.

6 tips to design your own website

Once you have picked your dominant color, you want to use it in a wise way. Your dominant color is supposed to attract attention.

A very good practice is to use it in a limited number of places where you want your website visitors to pay attention to, or if you want your visitors to take certain actions.

Combine it with few complementary colors

To find the complementary colors, if you feel unsure about your matching skills, choose a picture that contains your dominant color and upload the picture in one of the many tools on the internet that generates color palettes.

Canva for example has a very nice generator where you can upload an image and get the color palette from it. (https://www.canva.com/colors/color-palette-generator/)

Coolors.co (https://coolors.co/) is also a color palette generator. It will generate combination of colors that match together randomly or starting from a color that you choose. So you can feed your dominant color and get a good match for the complementary ones.

Use your complementary colors to highlight secondary information on your webpages: content  and items that are not the main focal points of your page, but you still want them to stand out.

Choose a background color

The background color of your website also depends on what you want your visitors to focus on. Always keep in mind that your content and/or your products are kings and the background color should help them be more visible and readable.

Make sure to choose a simple color that doesn’t distract your audience from what’s most important.

Stay consistent

Whatever color scheme you choose, make sure you use it on all your pages in the same way, otherwise your visitors will just get confused.

Last but not least, have fun!!! Experiment while choosing the colors. The process can be very creative and entertaining if taken with the right approach 🙂

6 tips to design your own website

Are you struggling with your current website? Would you like a new website that makes your business stand out?

PIN FOR LATER

how-to-choose-color-scheme-for-small-business-website
View All Articles