An intro to web accessibility: building a digital world for everyone
Discover accessible web design, its impact on users and its business benefits. From WCAG 2.2 to key accessibility features, here’s an intro to inclusive sites.Read More »
Craig Greenup 20/01/21, 12:42
One of the primary considerations when building a website is to decide what colour scheme to go with. While the website needs to be user-friendly, its design and appearance also matter a lot. You cannot just pick any random colour scheme. It should match your brand voice and send out a message out loud. Poor colour choice can negatively affect your website’s overall usability.
You would want the users to engage with your site and its content. Any professional web designer will tell you that colour communicates on an emotional level. A good colour scheme can impact how users interpret what they see. Most importantly, it can have a positive influence on their vision of your brand in general. Poor colour choices that clash with visuals may lead users to leave your website instantly and try out other sites. Now, you wouldn’t want that to happen, would you?
With that in mind, we have created this post where we will share some tips regarding how to choose the right colour theme for your web design. So, keep on reading.
Before you start looking for colours, you are advised to know colour psychology basics. It will help you in the long run when you design different websites. The colours for brand identity design influence moods and emotions, and are more than just personal preferences. If you like the red colour, it doesn’t mean that you should also create your website with a red-coloured theme. You can, but it should do justice to your brand identity. Please note that colours have the power to convey the right message about your brand and business right away.
Primarily, there are three different colour schemes:
Each colour conveys a different message. For example, neutral colours like gray depict intelligence, longevity, modernity, patience, wisdom, and respect. And warm colours like red depicts intensity, love, strength, passion, emotion, and activeness.
When a person sees a colour, it automatically conveys a message into his/her subconscious mind that what this colour represents. So, a colour scheme not only acts as a key function to create desire, attract attention, and drive conversions but also makes the user familiarize with the brand so much so that they can tell if it is your brand without seeing the name or logo.
Apart from using colours to convey different messages, brands often use certain colour trends to create recognition. These are odd colour combinations that easily get etched in a user’s mind. For example, McDonald’s has a yellow and red combination, CNN has black, white, and red, and luxury brands pack their products in black.
When you go through the logos and websites of these prominent brands, you’ll get an idea of how to use the right colour scheme for your website and brand. Also, learn about what different colours depict and mean so that you can resonate with your brand voice with the right colour choice.
The biggest hurdle when deciding a colour scheme for your website design is choosing a starting or primary colour. The primary colour you choose will define your brand in the future. Here is what you need to consider:
Once you have got your primary or starting colour, it’s time to work on the colour scheme. Take your primary colour and combine it with other colours. Make sure that your primary colour remains dominant. So, choose accordingly. When choosing a base colour for shades and tints, you have to keep in mind your primary colour. But, it doesn’t always have to match in any way. Even odd combinations will work if you can combine them intelligently and strategically. Nevertheless, always use the primary colour for buttons, CTAs, and web components that require users to take action.
One of the biggest mistakes that most beginner designers make is they end up using several colours. You are advised not to have more than two or three colour combinations. Two is perfect – primary and base. You can include a third colour if the brand, service, or voice demands it. But not more than this. It is a big blunder. If you want to make your website colourful, instead of adding more and more colours, you can consider high-quality photographs and infographics. Set the tone and contrast of the photos according to the tone of the primary and base colours. This is a start. You can always experiment with colours until you find the right combination.