Colour Theory & Web Design

Colour Theory & Web Design

Colour Theory and Web Design

The use of colour is one of, if not the most important aspects of web design. Think about it, if you go to a website with great functionality, but the colours are all over saturated and none of the hues complement each other, you’re going to think the site is terrible and leave. The proper use of colour can effect emotions, give urgency, and tell the user where to look, all without using a single word. Here are two important aspects to think about when deciding on the proper colour pallete for your next website.


Colours create mood, and with effective use of colour, we can create the specific mood we want through design. Take for example the colour red, when you see it, you often think stop or urgent. If a user makes an error when submitting a form, if you use the colour red for the text, or background colour of the notification, the user will know subconsciously that something is wrong or important. We can use colours to our advantage in design, and should always pay close attention to messages we are sending when using colours.

Call to Actions

Colours communicate, and designers can communicate to the user with proper use of colour. If there is an urgent notice, or the user missed a field on a form, using the colour red to indicate the error will draw their attention to it. But red is not always needed, sometimes you need a call to action to stand out, but you still want it to look good. This is when complimentary colours come into play. If you have a blue background, use an orange button. This will look great, and will catch the eye of the viewer, leading them to your CTA.

The use of colour cannot be overlooked in the design process, and when you do it correctly, you’ll take your functionality to the next level.


By: Curtis Archer