Colours to Avoid in Web Design

Back to Blog

Colours to Avoid in Web Design

In today’s visually-led market, colour is a significantly important aspect. The colour you choose to communicate with your audience can either support the message, value or brand, or detract from it. According to WebpageFX, 84.7% of consumers cite colour as the primary reason they buy a particular product. Colour conveys attributes such as professionalism, friendliness, security, authority, wealth and wisdom. These attributes are incredibly important when it comes to combining colours into a brand as you want to convey the right values to viewers to increase trust and interest. With this in mind, it’s important to carefully consider the colours you wish to use in your website.

Never pair bright colours with more bright colours

If you add bright colours to more bright colours, you’re asking for a headache! Bright colours can be good, but just make sure to keep it minimal.

Avoid pairing red and green together

Red and green need at least one colour separating each of them, as people with deuteranopia (a form of colour blindness) find it difficult to distinguish between them. These two colours are on opposite ends of the colour wheel and therefore clash.

Pure black is a no-go

Pure black does not exist and therefore our brains don’t come across it, making it mentally shocking. Instead, you should use the hue ‘#111111’ which adds subtle colour and is much less dramatic for the eyes.

Neon colours are unsettling

Only use neon colours in artistic illustrations. Using neon call-to-action buttons or incorporating them into user interfaces is very unattractive and reduces the user experiences.

Light colours on white backgrounds

White is already light, so adding light-coloured text such as green or yellow is going to create readability problems. Bolding your text can help a little, but it is always best to choose darker shades of grey or white.

Avoid green, yellow or purple on a green background

Never use bright greens as a background. It can actually hurt the reader’s eyes and adding bright purples or yellows for text can cause the readers to squint. These colours make things too intense to read, so it’s best to avoid them.

Steer clear of highly-textured background

Always avoid using detailed, highly-textured images as backgrounds, especially those with strong colours. However, if you do need to use a detailed image, turn down the opacity to reduce the intensity.

Here at RTD, our talented design team are always up to date with the latest trends in the graphic design world, so they know how to design attractive and effective websites. Get in touch today if you think your website needs a makeover and want some advice!

Share this post

Back to Blog
Get a quote

Quick Quote