Banner Image for Blog Post

Branding & Design, Websites.

What is colour theory and what does it mean for your website?

How colours may be affecting your website

It’s no secret that colours can make people feel certain ways. But did you know that this power can be harnessed to create websites that subconsciously affect the way users might interact with your website? What might seem a simple choice of colour is a rigorous process many creatives go through when designing a website. So, what does this mean for your website? And how can you learn the power of colour theory and apply it yourself? Some designers spend years studying this, mastering the ins and outs of every shade. There are some key points, however, that anyone managing a website needs to know.


Different colours and how they make us feel

There are associations with every colour, and it is important to cover the most common ones for your benefit.


Blue, as we discussed earlier represents reliability and trust, as well as other emotions such as tranquillity and calmness possibly due to its association with water.


Red is a very strong colour and therefore comes with strong emotional association. Anger, love, and anguish (from red being the colour of blood) are all common colours seen here.


Orange is a very pleasant warm colour and represents energy and creativity.


Yellow is the colour of sunshine and therefore associated with joy, happiness and energy.


Green is associated with growth, health and luck. It directly symbolizes nature and is widely used to promote environmentally friendly products and brands.

Background of purple Velvet / fabric modern sofa in close up.

Purple is often associated with royalty (fun fact: this is due to purple being a very rare and expensive dye colour in ancient roman times!). It symbolizes power, luxury and wealth.


White directly represents purity and goodness, however it can also represent coldness and winter.


Black is associated with power, authority, and strength. It is a great choice for brands due to its timelessness.


How designers use colours in websites

There are many tricks that designers use when incorporating colours into website designs. Usually, the first considerations are around branding and brand colours. Are the brand colours going to be enough for the website? Or should a complimentary colour be chosen to emphasise the design. For example, a brand with 5 colours might not need a complimentary colour however a brand with only blue might look at incorporating, for example, yellow into the designs. The brightness of the yellow would help to bring out the blue and emphasise the brand throughout the website. Colour choices could also come down to matching the product or service you provide. Is it a company that plants trees? Green would be the obvious choice. A website for romantic gifts? Anything but red would seem strange! There are also considerations around other colours which many people may not think of. The colour of fonts throughout the site is very important, will your text be black on white? Or maybe a tone of grey would suit the text better. Having header text be a different colour to body text also allows for users to quickly differentiate between the types of content on your site. And subtle choices like should the colour of a button change when a user hovers over it? There are many things to consider when designing a beautiful site, and these are all things that designers work through with their processes.

What are the current colour trends?

Colours are constantly coming in and out of trend and it can be difficult to keep up with what is currently popular. There are a few choices which are popping up now that should be a consideration when choosing colours for your website.


Pastel colours are usually described as soothing. These are usually pale and have high value and low saturation. Great for more crafty websites, they really fit the cozy vibe.

download (1)

Who doesn’t love a throwback? The big trend at the moment is retro arcade, meaning a lot of bold distinguishable colours. Due to the old arcade systems having either 8-bit or 16-bit systems, the choice of colour was limited to the common bright choices you see associated with this era. 4 or 5 equally bright colours are chosen and used together and interchangeably in this unique trend.


There is a dual-tone trend of finding a primary colour, then picking a secondary colour which is a shade of the primary. This means you might end up with a deep blue as your primary and a more washed-out version of this colour as the secondary. This allows for a minimalist style to thrive and is popping up around more trendy sites currently.

Similar posts

Why you need an accessible website Image

30th October 2023

Branding & Design, Websites.

Why you need an accessible website

24 percent of New Zealanders are disabled, and yet few considerations are made for them when building websites. Find out what you can do to help.

Read more
Clear Your Browser’s Cache & Cookies Image

26th March 2024

Hosting & Security, Websites.

Clear Your Browser’s Cache & Cookies

How to clear your browser's cache and cookies. Clearing cache and cookies is a straightforward troubleshooting step that can help resolve various issues related to website display, login, and performance. Additionally, it can improve privacy and security.

Read more
Wondering how to choose a website developer in New Zealand? Image

10th May 2024

Hosting & Security, Websites.

Wondering how to choose a website developer in New Zealand?

Need to choose a website developer? Whether you're a small business, a startup, or a large corporation, having a professionally designed and well functioning website is crucial for attracting and engaging customers.

Read more

Let's make something great together.

"*" indicates required fields

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

This field is for validation purposes and should be left unchanged.

0800 932 623

69 Corsair Drive, Wigram, Christchurch