How to Choose the Colors for Your Website

rainbow umbrellasColor is the most effective way of creating an impression. It communicates with the users emotionally. The combination of colors will definitely give your website a unified look. There are ways of choosing a color combination.

To select your color palette, it is important to study your brand colors. Go for the colors that represent your product or your service. You can use a color scheme tool for this.

  • COLOURlovers – You can view the latest color trends here. A wide community, where people create and collaborate.
  • ColoRotate – This is web application, where you can test different colors, mix them, and adjust to your own liking.
  • Adobe Kuler – This is similar to ColoRotate, but this one has suggestions. You can choose a color rule and it will give you guidelines on choosing the appropriate colors. This is perfect if you cannot decide on which colors to choose.
  • Paletton – What is great with Paletton is that it has a randomizer. When you are confused to what colors to use, just click on the randomizer and it will choose for you.

Consider the color symbolism. Study the perceptions and emotions to the different hues. Remember that, same colors can give different emotions to different people. The best way to do this is to think of your target market. Choose the colors that can represent your audience.

There is no hard and fast rule when it comes to colors. The 60-30-10 rules of the fashion and interior designers says that three colors should be used in different degrees to come out with the perfect harmony.

  • Primary color should be about 60% of the space to unify the theme.
  • There should be a 30% contrast with the 60% to give a striking effect.
  • Accent color should be 10%. This should complement the primary or secondary colors. It is also used to highlight material on the web site like a call-to-action.

Think of your business goals. If your website needs an action in someone, choose colors that can move an emotion to your site user.

Experiment with colors. You can start with five colors and then, add or subtract based on how you develop your design.

Shades and tints can be used when you have five colors. A content-rich web page is a perfect example for this as it needs to separate captions, side bars, and tables from the content. The outcome consolidates the design that a fourth or fifth color is not necessary. Shades and tints can be used for additional color and they do not clash with your color scheme.

The psychology of colors are being used by several market researchers and brand managers to promote product engagement. For example, the restaurants uses orange and red, financial institutions or banks uses blue, hotels uses white, blue, black or green and luxury products are elegantly packaged in black.

One important factor in your color is your background and your text. There should be a color contrast in the font and the background. This brings the website page forward and the focus will be on the website itself. Black text is still the best. It is easy on the eyes and people are used to reading black text. Otherwise, light on dark or vice versa is good.

Color Palette for Websites

colorful chalksA website is a powerful tool to communicate with the world. Whether it is personal or your way of informing people, selling, or any other reason.  Your website has a lot of possibilities and the internet is the best place to reach a wide international audience at a very low cost. That is why choosing the right colors for your design in equally important.

Psychologists said that users has the tendency of making a subconscious decision based on the color impressions. People decide if they like a certain product in 90 seconds or less. 90% of the decision is based on color alone. People believe what they see and they will choose something that is colorful over something monochromatic.

Color is subjective. It gives different reactions to people. And the reactions is based on preference, occasion or cultural background. Your website palette represents you and your brand. Choosing the right colors can be tough if you don’t have an understanding colors.

As mentioned earlier, it is important that your palette represents you and your brand. Here are the colors you can chose from:

  • Red – is a powerful and attractive color that can go well for websites that features products for children. Red induces visitors to take action like “Reserve Now”, “Christmas Sale”, “Limited Offer”. This color invokes emotions.
  • Yellow – indicates creativity and cheerfulness. This is attractive to kids and it is used in sites that features leisure products. Yellow when used excessively can strain the eyes. It is advisable to use it as an accent color.
  • Orange – this color is popular in websites that promotes food products. It increase ones creativity and induces positive thinking. Orange appeals to the millennials, and many technical companies uses this color.
  • Blue – relaxes the nervous system. It is a conservation color and it is suitable for websites that showcases high tech products. It can also work for diet products. A lot of people use blue for text color. This is a mistake, as it is not a standard color for the eyes to read with. Blue is great for hyperlinks on websites.
  • Green – is pleasing and refreshing to the eyes. This color is good for sites that promotes tourism and nature. Green represents wealth and prosperity. It invokes trust and so, it is often used in corporations.
  • Black – is good for anything that has to do with art and photography.
  • Purple – is used in websites that are religious. It is a good choice for vacation sites as well.

When deciding of the colors, you should focus on the target audience. If your target audience are products for the elderly, the colors should be a little bit subdued. For the younger generations, you can choose a livelier color palette. Do not use too much of the bright colors like yellow, red, blue etc. as it tires the eyes and could war away visitors in an instant.


Colors makes or break your websites. So, do not make your site a rainbow of colors. The best websites are those that keeps the colors at a minimum. As a rule, use a maximum of two or three colors. Less is more.

© 2017. All rights reserved. Phoenix Website Design • Sitemap • (602) 388-8622
20 E Thomas Rd #2200, Phoenix, AZ 85012
Phoenix Web Design


Apache Junction, Avondale, Buckeye, Carefree, Chandler, Chandler Heights, El Mirage, Fountain Hills, Gilbert, Glendale, Goodyear, Litchfield Park, Mesa, New River, Paradise Valley, Peoria, Phoenix, Queen Creek, Scottsdale, Sun City, Sun City Grand, Sun City West, Surprise, Tempe, Tolleson, Wickenburg