Choosing colours for your website

Choosing colours for your website
25 October 2011 | | Creative Design

You may not realise it, but the colour scheme that you choose for your website, logo & brand identity is one of the most important decisions you will have to make. Think about how you want your visitors to feel when they view your website and then pick colours to suit.

Colour is important because it effects not only your mind, but your body as well. Studies have shown that the colour red can stimulate your senses, and even raise your blood pressure. Casinos have been known to mycasinotop use red neon lights because it’s been said that people gamble more while under the glow of a red light. On the other hand, blue tends to have the opposite effect; It’s been shown to calm the mind, and relax the body.

The Psychology of Colour

For hundreds of years, scientists have studied the theory of colour, and its effects on the human mind and body.

Over time, studies have repeatedly shown that there are “standard” emotions, feeling, or meanings associated with almost every colour. Keep in mind these associations are not definite. Past experiences, culture, and more can change how a person reacts to a certain colour.

Colour Association / Feeling / Emotion / Meaning

Black intelligence, authority, power, strength, stability, mystery, secrecy, evil, dark, depressing, mourning, grieving

White clean, pure, innocent, neutral, simplicty, plain, boring

Red fire, hot/heat, love, passion, excitement, impulse, adventure, action, danger

Blue water, cool, trust, seriousness, success, calm, power, professionalism

Green earth, grass, nature, life, health, money, peace

Orange creativity, comfort, fun, youth, affordable, warning/hazard

Purple Royalty, faith, justice, luxury, fantasy

Yellow amusement, curiosity, cheerfulness, playfulness, caution

Pink softness, sweetness, love, innocence, youthfullness, tenderness

It’s important to note how colours can evoke emotions from both ends of the spectrum, sometimes completely opposing themselves. For example, the colour black can evoke emotions of power and strength, but it can also represent evil and depression. The colour orange can signal comfort and fun, or hazard and warning.

Choosing What Colours to Use

When choosing the colours for your website there are many things to take into consideration other than the psychology of colours:

  • Existing colours: If your company already uses certain colours then you should incorporate them into the website. This helps with your brand awareness.
  • Type of site: The type of site you are creating will heavily influence the colours. If you are making a site for your neighborhood farmers’ market then you probably want to consider earth tones that convey the thought of nature, and being natural. Greens, blues, and browns are perfect choices. Business — or “corporate” — websites tend to use blue, white, and green to signal trust, power, or money.
  • Target Audience: Your target audience should also play an important role in the colour selection. Younger people tend to like orange, red, and other vibrant colors, while senior citizens, or those with vision problems would probably appreciate a more neutral colour palette of white, gray, and black.

Colours Associated with Shopping

Scientist have found that certain colours cause certain types of people to react differently when shopping:

  1. Impulse Buyers tend to respond to blue, black, and red-orange.
  2. Those who make (and stick to) budgets respond to teal, light blue, navy, and pink.
  3. Traditional people respond better to sky blue, rose, or pink.

Create a Custom Colour Combination

It’s important that the colours you choose work well together. Using the wrong colour combination can make your site hard to read, or worse, it can cause the user to become uncomfortable and close the page altogether.

One of the key things to watch out for is text colour. You want to make sure that it contrasts (stands out) from the background colour. If your users can’t see your text, they can’t read it!

When coming up with a colour scheme for a client’s site, I often start with five colours: three “base” colours that are related (colours that are similar, or that do not contrast much with each other), and then two colours to use as “accents” or “highlights” that contrast with the base colors. These five colours are your starting point. You can adjust the brightness, hue, or saturation of a colour (think forest green vs. neon green) to find the perfect combination that works for your site.

Where to Find Inspiration for Colour Schemes

There are many sources of inspiration to help you choose the colours for your website. You can find sources all around you — take a walk outside to find “natural” inspiration or thumb through your favorite magazine to look for current colour trends.

Here are some of my favorite places to find colour schemes online:

Putting it all Together

For most of us, colours play a large role in our everyday lives. They effect the way we feel and the way we act. Choosing the wrong colour scheme for your website can have a devastating effect. Take the time to carefully choose colours that work well together and that convey your company’s goal, attitude, or message.

And, most importantly, don’t be afraid to think outside of the box! There are no rules that say your corporate website has to be navy blue or stark white, plain and boring. With experience and practice, almost any combination of colours can be used together.

Further Reading for Making Colour Choices

Article courtesy of TutorialBlog.org.

More posts from our team


Previous Post:
Next Post:

Back to all news

Reviews2024
Five Star
Reviewed Marketing
5 gold stars
google review logofacebook review with 5 stars
"Excellent service from James at Dental Design, thank you very much for your prompt attention whenever I get in touch! Would definitely recommend to a friend" Alison Tarmey View Full Testimonial
Google reviews logo "Would definitely recommend to a friend"
5 gold stars
"As a dental practice manager I cannot recommend Dental Design highly enough. They are just brilliant at what they do. Lucy and her colleagues are just an email or a phone call away...." Emma Smith View Full Testimonial
Google reviews logo "I cannot recommend Dental Design highly enough"
5 gold stars
"Really great company to deal with. They always respond quickly and are truly reliable. I would 100% recommend, the staff are so friendly and helpful." Michelle Molloy View Full Testimonial
Google reviews logo "Really great company to deal with"
5 gold stars
"I got increased traffic and new patients applying to my surgery, once Dental Design upgraded my website. They are very professional, efficient & adaptive to new situations..." Joanna Gallop View Full Testimonial
Google reviews logo "Very professional, efficient & adaptive to new situations"
5 gold stars
"Lucy has been a star, responding to and acting upon our requests in a prompt, efficient and professional manner, as well as the rest of the Dental Design team..." Abhay Shah View Full Testimonial
Google reviews logo "I cannot recommend them highly enough"
5 gold stars
"...Since the website has been up and running Lucy Mander has been our point of contact. She has been invaluable and gone out of her way to help us, especially during COVID-19 lockdown... " Lucy Jones View Full Testimonial
Google reviews logo "Has been invaluable and gone out of her way to help us"
5 gold stars
"Thank you for all your help and support, and the provision of valuable learning aids for our patients and staff alike in these difficult times. We love the look of our practice website. Very professional!" Sandra Luck View Full Testimonial
Google reviews logo "We love the look of our practice website. Very professional!"
5 gold stars
"Dental Design stood out both in their knowledge of the industry and their professionalism and can-do attitude. All of their staff are exceptionally competent and knowledgeable..." Harvey Rook View Full Testimonial
Google reviews logo "Dental Design stood out both in their knowledge of the industry and their professionalism"
5 gold stars
"Having done extensive research into all the dental website companies, the team and package offered at dental design was unrivalled..." Neil Shah View Full Testimonial
Google reviews logo "The team and package offered at dental design was unrivalled"
5 gold stars
"The team at dental design (especially Rosie) are absolutely fantastic and are always on hand to help. They are professional, friendly and extremely efficient. Rosie always gets back..." KiKi Wilmot View Full Testimonial
Google reviews logo "absolutely fantastic and are always on hand to help"
5 gold stars
"Dental Design are fantastic to work with, our website is amazing and the support they provide is second to none. Our account manager Rosie L is a fabulous point..." Luke Lucas View Full Testimonial
Google reviews logo "Dental Design are fantastic to work with"
5 gold stars
"Having worked with the Dental Design team for the last six months, I've found them not only helpful, but friendly and approachable too. I bombard Marcus with regular..." Sophie Harper View Full Testimonial
Google reviews logo "always met with a swift and professional response"
5 gold stars
desk with branded documents