Ready to up-Level your website for for the New Year? Join 'The Website Formula'

What Colours Should I Use On My Website?

What colours should I use on my website? It's a REALLY important question when you're planning a new site. There's so much more to choosing colours for your website than aesthetics, because colour has such a powerful psychological effect on people's emotions and decisions, and it's the strongest tool in your branding arsenal. In this video, I show you how to make this big decision so you end up with a BEAUTIFUL looking, and on brand, website!
Play Video

Video Transcript

Hi, everyone, I’m Kelly Sparkes, and today I’m going to show you how to choose colours for your website and brand.

There’s so much more to choosing colours for your website than aesthetics, because colour has such a powerful psychological effect on people’s emotions and decisions, and it’s the strongest tool in your branding arsenal.

When choosing a business brand palette it’s not about your favourite colours or what your designer says is on-trend, it’s about what speaks and appeals to your ideal customers, and what differentiates you from your competitors.

Colour is not an exact science, preferences are extremely personal, and can be influenced by many things such as a person’s culture or their upbringing.

The psychology behind each colour and the colour wheel is an incredibly useful tool in creating effective colour schemes. On the left-hand side of the wheel are the warm colours – they are strong, exciting, and energetic, and appear to advance towards you. In contrast, on the right-hand side, the colours are dependable, calm, and soothing.

The three primary colours are yellow, red, and blue and they form the base of every single colour on the colour wheel. We then have the secondary colours, which are green, purple, and orange, and they are made by mixing the two adjacent primary colours, 50-50 (E.g. green is made from 50% blue and 50% yellow).

The six tertiary colours, which are the rest of the colours on the wheel, are made by mixing the two adjacent secondary colours.

Colours evoke an emotional response, and using the right colours on your website and in your brand will communicate your brand’s message and your personality immediately. That’s even before visitors have read any copy on your website or looked at any of your pictures, or downloads. The colour is going to tell them what you’re all about straight away.

Primary Colours


Red is bold, it’s exciting, it’s attention-grabbing, and it’s the colour of love and passion, and warning signs and danger. It’s very emotionally intense, so using too much of it can be very overstimulating. Dark shades of red inspire confidence and passion, whereas tints of red are more associated with caring, love, romance, and femininity.


Yellow is a bright, sunny, hopeful, cheerful colour, it’s positive, it’s warm and it’s optimistic. It’s a very visible colour and stimulates mental activity.


Blue is authoritative, dependable and trustworthy. Shades of blue, such as navy are perfect for financial and corporate websites where success, strength and authority are important, whereas tints of blue are more relaxed and calming.

Secondary Colours


It’s vibrant, confident, fun, energetic and associated with creativity and autumn, and it’s a fabulous colour to motivate.


Green is very calming like blue, but it has more energy because of the yellow in it and is associated with nature. It represents freshness and growth; it’s the perfect colour for sustainable business. Darker shades of green are linked with wealth and leadership, and greens with more yellow, like lime green, are more vibrant and youthful.


Bright, vibrant purples are the colour of choice for imaginative, artistic, unconventional businesses. The dark shades of purple are associated with royalty and luxury, and the paler tones evoke romance and summer, taking on the qualities of both red and blue, and it can be either stimulating or calming depending on how much of each colour is added.


Neutrals are not officially on the colour wheel, but they can be so powerful in branding that I can’t ignore them.


Brown is made by mixing opposite colours on the wheel. So for example, yellow and purple, or red and green, and the brown result of those two colours takes on the attributes of the parent colours. In general, brown is a rugged colour, it’s masculine and it’s associated with earth and authentic organic businesses.


Black is a tricky colour, so I recommend that you avoid it if you can. Using black is one of the main things I see wrong with someone’s website. When you’re looking at it and you don’t know why is it off, usually it’s because they’ve used black. Black is used in a lot of themes and is used as quite a standard colour, but if you change that to a very dark version of one of your colours, like a really deep purple for example, or dark blue, it will be much more successful. If you don’t want to use a colour, you could also use dark grey instead.


White, as with black, doesn’t work for everyone, it can create a very harsh backdrop. Adding a tiny bit of colour in there to warm it up or tie it in with your brand colours can make a massive difference. Unless you want a very clean, modern, minimalist look, in which case white is the perfect backdrop.


Finally, I couldn’t ignore grey, it’s the perfect neutral. It’s used by designers as a background colour because it shows off the other colours well and doesn’t change them in the way that both black and white can.


Hopefully, you now understand the theory of colour and have identified some colours you think will work for your brand.

I have another video you may also find useful, where I discuss how you can use colour harmonies to put a colour palette together, so please make sure that you take a look at that one too.

Kelly Sparkes Headshot in Circle

Hi, I’m Kelly, the digital bloomsmith behind Opal & Onyx. I specialise in creating websites showcasing your floral artistry and attracting and converting high-ticket customers, taking care of all the boring tech stuff.

Let’s collaborate to make your online presence as captivating as your blooms – I’d love to help your floral business flourish in the digital world.

View more


Sign up to my


Shop website


Peony and Peridot Home page without workshops section

Peony & Peridot

A sleek, flowing WordPress site full of large images; Peony & Peridot’s horizontal lines create a sense of space and openness, encouraging visitors to scroll and explore, diving deeper into the wonderful world you have created.
Jasmine and Jasper homepage in full

Jasmine & Jasper

The perfect balance of Passion & Luxury; Jasmine & Jasper’s elegant, minimalist layout will entice your clients in and keep them entranced with its unapologetically feminine allure.

Share the



Leave a Reply

Your email address will not be published. Required fields are marked *

You may also like...

Georgina Chapman Flowers website updated hero image for Christmas

Preparing Your Website for Christmas – A Comprehensive Guide

The festive season is fast approaching, and if your business is in e-commerce or any industry that experiences a surge in Christmas traffic, preparing your website for Christmas is a crucial step. To make the most of this festive season, consider implementing the following key strategies and tasks that will

Read More
three generic logos designed with ai

Using AI to Generate Your Logo: 3 Costly Mistakes

Creating a compelling logo for your business has never been easier thanks to the advent of artificial intelligence (AI) tools and design templates. Platforms like and Canva offer efficient solutions for logo generation, helping you save time and money. However, whilst these AI-driven options can certainly be a game-changer,

Read More

Join the List

Join our thriving community of fellow floral enthusiasts by subscribing to our blog.

As a subscriber, you’ll be the first to unlock our website tutorials and insider tips, stay updated with the latest website trends, and gain access to exclusive discounts and content that will help you level up your website.