How to choose the right colors for your business

Color is a hugely influential tool that goes across fields of psychology, customer behavior, and (of course) aesthetic. Before choosing a color scheme for your web interface, you should keep in mind these three sections:

  1. Customers perception of color
  2. Your brand identity
  3. How you use it (relevance, layout, articulation)

Customers perception of color

  • Nationality/Country
  • Gender
  • Religion
  • Culture, etc.

For example, yellow color in North America means joy, warmth, and happiness, while in c America and Egypt, it is often a symbol of sorrow. There are many cases (fuck ups in some way) when the different perception of colors within cultures has failed the whole strategy.

For example, the Japanese scooter brand released black vehicles on the Indian market, and the sales very drastically low. They’ve done the research and found out that black color has a different connotation in India. It is strongly associated with death. They’ve changed the color and sales went up.

So, the main conclusions from this section are:

  1. Always know your customer and his or her background (We in gde.design never start designing without setting a clear business vision)
  2. Not only each color has its connotation, but each color has its meaning in every culture. Here’s the list of color meanings in different countries

Your brand identity

To understand how your brand color affects customer perception, let’s look at McDonald’s case. A few years ago, they started to change their restaurants` color from red/yellow to green/white. Red color means anxiety, speed, danger, and they wanted to build their communication from the perspective of health as an ecologically friendly company. It’s a great example of how the changes in business strategy influence the color choice.

So after defining your brand color, you should know how to use it right in your design communication to get benefits.

How to use it

Relevance

This does not mean that you cannot use red for CTA. In this case, your designer should choose a separate red color for errors — “red warning”.
The main thing to remember is that the traffic light in all countries has the same appearance.

Layout

The 60–30–10 rule

This rule is a handy tool for design in lots of fields and especially in UX. While making a new color palette, you should dedicate 60% of space to one color (usually neutral), 30% to the complementary, and 10% to the accent color.
Look at this example from our portfolio:

This rule underlies the construction of the interface in the guidelines of the Material Design.

This rule works not only in the interface. It arose as a universal law of the harmonious distribution of color in a composition. You can find this harmony in the interior, architecture, and photography.

Articulation

Do not forget about two rules:

  1. The same color scheme can be used in entirely different ways.
  2. You cannot change one color in a harmonious pattern. This will entail a change in the entire palette.

We hope that this colorful journey was fun and useful.

We design products that bring millions. Individual UX solutions to fit your business goals.