How to Choose a Colour Scheme For Your Website

/, Internet, News, Website Development/How to Choose a Colour Scheme For Your Website

How to Choose a Colour Scheme For Your Website

How to Choose a Colour Scheme For Your Website

“Life is about using the whole box of crayons” – RuPaul

Colour and branding

 It is very important to establish a rock-solid brand identity, which is the building block for trust, creating lasting brand advocates and making customers feel at ease.

What speaks for the brand? It’s logo.

Hence, the colour scheme selected is endlessly intertwined with its brand identity. It also has a strong correlation with brand value.

As per research, ‘colours boost brand recognition by 80%.’ It’s only fair to say that colours do play a vital role.

Website Colour Scheme

Similar to the logo, a website too needs a colour scheme, it is equally crucial. You cannot choose a colour scheme randomly or pick colours which look pleasing to you. No doubt, you want wondrous aesthetics which make the website pop but, the colour scheme is crucial and tricky and a lot of thought needs to go into it.

Why is colour so important?  

Colour is an element which connects to viewers on an emotional level. Different moods are set by the colours you pick on your website. The colours you choose have to reflect the message that you want to convey about an upcoming product or event etc.

An environment or product is subconsciously judged by people within 90 seconds of initially viewing it. Almost 60-90% of that judgement is based on colour alone. Choosing the right colour scheme will naturally drive you toward your demographic; you’ve already won half the battle there!

Hence, it’s important for the colour scheme of your website to be planned, intended and optimised for conversion.

Here are few quintessential points for picking the perfect website colour

  1. Choose a dominant colour – Like the red for Coca-Cola, choose a dominant colour as your brand colour. This colour will stir emotions when viewers arrive on your website and it will be the colour they think of when they think of your brand.

To choose this colour, certain other factors need to be considered:

  • Overall demographic: Who is your target demographic? Who are you trying to sell to? What are the emotions that you are aiming to arouse? Take into account the personality of the target audience as well. Example: an organic food company would go for green to associate itself with health and nature.
  • Gender: Certain companies cater to a particular gender. For those companies, the likes, dislikes, favourite colours etc. need to be studied and implemented.
  • Age: An individual’s preference of colour can vary with age hence; make sure you know the target audience’s age group.
  • Eliminate competitors colours: Try to eliminate the colour of your competitors from your colour scheme
  1. Understand how colour affects emotion – Get familiar with how human’s emotions are affected by colour.

The impact that colour has can vary with geographical location. Example: A colour which attracts shoppers in India will not do the same for American shoppers.

Take a look at the picture below and see how brands have used colours to stir emotion.

Note: If you are working with a well-known or an established brand then simply use the colour from their brand identity.  

  1. Choose your accent colours – A single colour throughout your website can get boring and monotonous. To add a bit of zing (but also keeping it professional), accent colours are required. Once you get the dominant colour it’s just pure mixing and matching of colours. There are some colour matching tools which can help you get through this process.

How to use accent colours

Accent colours are useful in making secondary information stand out. They are meant to highlight parts of your website which are attention-worthy like subtitles, quotes or buttons. Content pieces or items which may not be the focal points on the page but still need to stand out can be coloured with accent colours. Limiting accent colours to 1-2 is ideal as too many colours will create multiple focal points which can confuse visitors.

  1. How many colours to use? – Albeit no hard and fast rule is in place, the more the colours you use, the more arduous it becomes to establish a unified design. A handy tip you can keep in mind and put to use is the 60-30-10 rule. This rule states that in order to create perfect harmony, three colours should be used in varying degrees (60%, 30% and 10%). Here is the breakdown:
  • 60% of primary colour for an overall unifying theme of design
  • 30% contrast secondary colour – a colour that contrasts with the 60% for a striking effect
  • 10% accent colour which completes the 60% and 30% colours

Boiling it down, the ideal number to use is three colours. Again, there is no hard and fast rule but it’s a good number to aim for. Four to five colours works, but more than that will only form inconsistency.

NOTE: Use three colours consistently through the website. In order to create a pleasant experience for visitors, chromatic harmony is a significant criterion.

Pro Tip: In a scenario where you want to use more than five or six colours, instead of going with bold colours, use tints and shades. Not only will this unify the design but the need for another colour will be eliminated.

  1. A background colour for your website – Choosing a background colour for your website is very similar to that of choosing a wall colour for your house. Just like how a wall colour is chosen to make you feel comfortable, soothe you and not overwhelm you but at the same time it’s not boring. Likewise visitors who come to the site need to feel comfortable and absorb content without being overwhelmed. At the same time, making the website too nonchalant that visitors gaze over all the important content is not a good idea.

How to choose the right background colour?

It’s like choosing a colour for a retail store and your vacation home. The colours depend on what you are offering. A retail store would have bolder colours as opposed to a vacation home which is meant to make you feel relaxed. In simple terms, the colour of the website entirely depends on the purpose of the website.

  1. Create a contrast between the page background and text – The ideal combination for readability is black text on a white background apart from this, there are other stunning combinations as well. Again, this also depends on what you plan to showcase. For a product, which is the centre of attention, less saturated colours are recommended.

In colouring the whole thing up

Yes, choosing a colour for you website can be quite challenging and scary.

As already established, colour not only improves your website but also enhances your brand identity. Like say when you think of Coca-Cola, what is the first thing that pops up in your mind? Except the extreme quench of thirst and the craving for an ice cold soda, it’s the iconic red coloured Coke logo. The colour is as much as a part of Coke as is the soda. It’s quite impossible to think of Coke without imagining the colour red.

Coke chose to use red intentionally. One of the reasons being that it stands out from competitors and also because it stirs the right emotions of excitement, boldness, passion etc.

In a like manner, when you choose the appropriate colour for your site, you are doing more than making it look appealing – you are in the path to creating a brand that is going to be memorable.

Yes, colour does work like magic and now that you know how it works, put it to use! See the magic unfold!

About the Author:


  1. Kari October 26, 2017 at 1:20 pm - Reply

    I am regular visitor, how are you everybody? This post posted at
    this website is truly fastidious.

  2. Heelspalace.Com October 30, 2017 at 10:27 am - Reply

    I’m truly enjoying the design and layout of your site.
    It’s a very easy on the eyes which makes it much more pleasant for me to come here
    and visit more often. Did you hire out a developer to create your theme?
    Exceptional work!

  3. I really like your blog.. very nice colors & theme. Did you create this website yourself or
    did you hire someone to do it for you? Plz answer back as I’m looking to create my own blog
    and would like to know where u got this from. cheers

  4. Abraham November 12, 2017 at 10:09 pm - Reply

    Hello there, just became alert to your blog through Google,
    and found that it’s really informative. I’m going
    to watch out for brussels. I’ll be grateful if you continue this in future.
    A lot of people will be benefited from your writing. Cheers! mass communication entrance exam preparation

  5. Cerys November 12, 2017 at 10:15 pm - Reply

    Good post. I learn something totally new and challenging on websites I stumbleupon every day.
    It’s always exciting to read articles from other authors and practice a little something from other sites.

  6. You made some decent points there. I checked on the web to find out more about the issue and
    found most individuals will go along with your views on this web site. mass communication course

  7. Hello there! This post couldn’t be written any better!

    Reading this post reminds me of my good old room mate! He always kept talking about this.
    I will forward this article to him. Fairly certain he will have a good
    read. Thank you for sharing!

  8. Heya! I understand this is kind of off-topic however I had to ask.

    Does operating a well-established blog like yours take a large amount
    of work? I’m completely new to running a blog however
    I do write in my diary daily. I’d like to start a blog so I will be able
    to share my own experience and thoughts online. Please let
    me know if you have any recommendations or tips for
    new aspiring blog owners. Appreciate it!

  9. Hello! I could have sworn I’ve been to this blog before but after checking
    through some of the post I realized it’s new to me. Anyways, I’m definitely delighted I found it
    and I’ll be bookmarking and checking back often!

  10. Hi there, yup this piece of writing is truly pleasant and I have
    learned lot of things from it concerning blogging.

  11. November 13, 2017 at 9:07 am - Reply

    I believe this is among the so much vital info for me.
    And i am glad reading your article. However should commentary on few general things, The website taste is great, the articles
    is in reality nice : D. Excellent task, cheers

  12. I visited various web pages however the audio feature for audio
    songs present at this web page is actually fabulous.

  13. Very soon this website will be famous among all blog people, due to it’s pleasant articles

  14. Quality posts is the key to invite the visitors to visit the web
    site, that’s what this web page is providing.

  15. It’s a pity you don’t have a donate button! I’d without a
    doubt donate to this fantastic blog! I guess for now i’ll settle for book-marking and adding your
    RSS feed to my Google account. I look forward to brand new updates and will talk about
    this website with my Facebook group. Talk soon!

  16. Hi there friends, its impressive post concerning tutoringand entirely
    explained, keep it up all the time.

  17. Very quickly this web site will be famous amid all blogging and site-building
    visitors, due to it’s nice articles

  18. I am regular reader, how are you everybody? This article posted at this website is really nice.

  19. November 14, 2017 at 5:27 pm - Reply

    A person essentially lend a hand to make critically articles I might state.
    That is the first time I frequented your web page and so far?
    I surprised with the analysis you made to create this actual submit amazing.
    Excellent activity!

  20. Howdy! Do you know if they make any plugins to assist with Search
    Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m
    not seeing very good results. If you know of any please
    share. Kudos!

  21. Dixie November 14, 2017 at 6:16 pm - Reply

    Nice post. I was checking continuously this blog and I’m impressed!
    Very helpful information specially the last part :
    ) I care for such information much. I was looking for this certain info
    for a very long time. Thank you and best of luck.

  22. Www.Terapiapostoncologica.It November 14, 2017 at 8:39 pm - Reply

    Great blog here! Additionally your site so much up fast! What host are you
    using? Can I get your affiliate link for your host?
    I desire my site loaded up as quickly as yours lol

  23. It’s going to be ending of mine day, however before ending I am reading this fantastic paragraph to improve my know-how.

  24. www.rail-technicalservices.Com November 14, 2017 at 9:52 pm - Reply

    Its such as you learn my thoughts! You appear to understand a lot about this, such as you wrote the e-book in it or something.
    I feel that you simply can do with some p.c. to drive the message home a little bit, but instead of that,
    this is excellent blog. A great read. I will certainly be back.

  25. I’d like to find out more? I’d love to find out some additional information.

  26. Wow, that’s what I was searching for, what a information! present
    here at this weblog, thanks admin of this web page.

  27. Janessa November 15, 2017 at 7:17 am - Reply

    It’s an awesome post in support of all the web people; they will get benefit from it I am sure.

  28. Every weekend i used to pay a quick visit this website, for the reason that i wish for enjoyment, for the reason that this this site conations in fact nice funny material too.

  29. What’s Taking place i’m new to this, I stumbled
    upon this I have discovered It positively useful and
    it has helped me out loads. I am hoping to contribute & help
    different customers like its helped me. Great job.

  30. Everyone loves it when folks get together and share opinions.
    Great website, continue the good work!

  31. Hello, i read your blog from time to time and i own a similar one and i
    was just wondering if you get a lot of spam comments?
    If so how do you protect against it, any plugin or anything you can advise?

    I get so much lately it’s driving me insane so any help is very much appreciated.

  32. Bonita November 15, 2017 at 9:52 pm - Reply

    I loved as much as you’ll receive carried out right here.
    The sketch is tasteful, your authored material stylish.
    nonetheless, you command get got an impatience over that you wish be
    delivering the following. unwell unquestionably come more formerly again as exactly the same nearly very often inside case
    you shield this hike.

  33. Hello! I simply would like to offer you a big thumbs up for your excellent info you have got here on this post.
    I am returning to your blog for more soon.

  34. What’s up to all, for the reason that I am really keen of reading this webpage’s
    post to be updated daily. It contains fastidious data.

  35. Https:// November 25, 2017 at 12:00 am - Reply

    Hello there, You’ve done a great job. I will definitely digg it and personally suggest to my friends.
    I am confident they will be benefited from this website.

  36. τα καλυτερα στρωματα November 25, 2017 at 1:27 am - Reply

    In fact when someone doesn’t know then its up to other
    people that they will help, so here it occurs.

  37. marketstrom.Gr November 25, 2017 at 1:50 am - Reply

    This is my first time pay a quick visit at here and i am really impressed to
    read everthing at alone place.

  38. Market Strom November 25, 2017 at 8:45 am - Reply

    What’s up everybody, here every person is sharing these kinds of
    knowledge, thus it’s pleasant to read this website, and I used
    to visit this blog everyday.

  39. MarketStrom November 26, 2017 at 4:43 am - Reply

    Heya! I’m at work browsing your blog from my new iphone 3gs!
    Just wanted to say I love reading through your blog
    and look forward to all your posts! Carry on the great work!

  40. στρωματα candia November 26, 2017 at 8:51 pm - Reply

    Please let me know if you’re looking for a article author for your site.
    You have some really great posts and I feel I would be a good asset.
    If you ever want to take some of the load off, I’d really like to write some content
    for your blog in exchange for a link back to mine. Please shoot me an email if interested.

  41. That is a good tip particularly to those fresh to the blogosphere.
    Short but very accurate information… Thank you for sharing this one.
    A must read post!

  42. Hey, I think your blog might be having browser compatibility issues.

    When I look at your website in Chrome, it looks fine
    but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that,
    wonderful blog!

  43. No matter if some one searches for his required thing, so he/she desires to be available that in detail, thus
    that thing is maintained over here.

  44. Thurman December 9, 2017 at 12:23 am - Reply

    Your style is unique compared to other folks I’ve read stuff from.

    Thank you for posting when you’ve got the opportunity,
    Guess I will just book mark this blog.

  45. You actually make it seem so easy with your presentation but I find
    this matter to be actually something that I think I would never understand.
    It seems too complicated and extremely broad for me.
    I am looking forward for your next post, I will try to get the hang of it!

  46. Sherrie December 9, 2017 at 2:18 pm - Reply

    Very nice post. I simply stumbled upon your weblog and wanted to
    mention that I’ve truly enjoyed browsing your
    weblog posts. In any case I’ll be subscribing in your
    rss feed and I am hoping you write again soon!

  47. I do agree with all of the ideas you have presented for your post.
    They are very convincing and will certainly work.
    Nonetheless, the posts are very quick for starters.

    Could you please extend them a bit from next time?
    Thanks for the post.

  48. December 10, 2017 at 1:19 am - Reply

    Attractive component to content. I simply stumbled upon your web
    site and in accession capital to assert that I get in fact enjoyed account your weblog posts.
    Any way I’ll be subscribing to your feeds and even I achievement you access constantly fast.

  49. Hi everyone, it’s my first go to see at
    this web site, and paragraph is actually
    fruitful designed for me, keep up posting
    these types of content.

  50. Very shortly this site will be famous among all blog viewers, due to it’s pleasant posts

  51. What’s Taking place i am new to this, I stumbled upon this I’ve found It absolutely helpful and it has helped me out loads.
    I am hoping to contribute & assist different customers like
    its aided me. Good job.

  52. Hi to every one, the contents present at this site are actually awesome for people experience,
    well, keep up the good work fellows.

  53. ασφαλεια smart December 10, 2017 at 1:03 pm - Reply

    Excellent blog here! Also your site loads up fast! What web host are you
    using? Can I get your affiliate link to your host? I wish my website loaded up as fast
    as yours lol

  54. We stumbled over here by a different website and thought I may as well
    check things out. I like what I see so now i am following you.

    Look forward to looking over your web page for a second

  55. I don’t write a comment, however I read a ton of responses on this page How to
    Choose a Colour Scheme For Your Website | Viratel. I actually do
    have a couple of questions for you if you don’t mind. Is it
    simply me or does it seem like a few of these
    comments appear like they are coming from brain dead individuals?
    😛 And, if you are posting on other places, I would like to follow you.
    Would you list of every one of all your shared pages like your linkedin profile,
    Facebook page or twitter feed?

  56. What a data of un-ambiguity and preserveness of valuable
    knowledge regarding unpredicted feelings.

  57. Carina December 10, 2017 at 1:37 pm - Reply

    Have you ever thought about adding a little bit more than just your articles?

    I mean, what you say is fundamental and all. But think of
    if you added some great images or video clips to give your posts more, “pop”!
    Your content is excellent but with pics and video clips, this website could definitely be one
    of the very best in its niche. Terrific blog!

  58. December 10, 2017 at 4:24 pm - Reply

    Hello it’s me, I am also visiting this web site regularly, this web site is genuinely pleasant and
    the viewers are in fact sharing fastidious thoughts.

  59. Abel December 10, 2017 at 4:55 pm - Reply

    Hi there colleagues, good article and fastidious urging commented
    here, I am genuinely enjoying by these.

  60. Appreciation to my father who shared with me about this website, this webpage is really remarkable.

  61. Wow, fantastic weblog format! How lengthy have you ever
    been blogging for? you make blogging look easy.
    The total look of your website is wonderful, let alone the content material!

  62. I was suggested this web site by my cousin. I’m not sure whether this post
    is written by him as nobody else know such detailed about my
    difficulty. You are incredible! Thanks!

  63. bookmarked!!, I love your blog!

  64. Hi, I do believe this is a great blog. I stumbledupon it 😉 I will revisit once again since i have saved as a favorite it.

    Money and freedom is the greatest way to change, may you be
    rich and continue to help other people.

  65. Dario December 11, 2017 at 2:41 am - Reply

    Hi, I do think this is an excellent web site.
    I stumbledupon it 😉 I’m going to return yet again since i have book-marked it.

    Money and freedom is the best way to change,
    may you be rich and continue to help other people.

  66. Everything is very open with a very clear explanation of the challenges.

    It was truly informative. Your website is very useful. Many thanks for sharing!

  67. Hi there, after reading this amazing post i am too
    delighted to share my knowledge here with colleagues.

  68. I have been surfing online more than three hours today, yet I never found any interesting article like yours.
    It is pretty worth enough for me. Personally, if all site owners and bloggers made good content as you did, the
    web will be a lot more useful than ever before.

  69. What’s up, I check your blog like every week.
    Your story-telling style is witty, keep doing what you’re

  70. ασφαλεια ταξιδιου December 11, 2017 at 3:28 pm - Reply

    Hi, i feel that i noticed you visited my web site thus
    i got here to go back the favor?.I’m attempting to
    in finding things to improve my web site!I guess its good enough to
    make use of some of your ideas!!

  71. oclaserdental January 5, 2018 at 5:42 am - Reply

    With appropriate care, implants last decades.

  72. Dental implants are replacement tooth roots.

  73. As the admin of this site is working, no hesitation very quickly it
    will be well-known, due to its quality contents.

  74. I comment each time I appreciate a article on a website or if I have something
    to add to the discussion. Usually it’s triggered by the fire communicated in the article I browsed.

    And after this post How to Choose a Colour Scheme For Your Website | Viratel.
    I was actually excited enough to create a leave a responsea response 😉 I actually do have 2 questions for
    you if it’s okay. Could it be only me or do a few
    of these remarks come across like left by brain dead individuals?
    😛 And, if you are posting on other sites, I
    would like to keep up with anything fresh you have to post.
    Would you make a list all of all your shared sites like your
    twitter feed, Facebook page or linkedin profile?

  75. I do not know whether it’s just me or if everyone else experiencing problems with
    your site. It appears as if some of the text within your content are
    running off the screen. Can somebody else please provide feedback
    and let me know if this is happening to them
    too? This might be a issue with my browser because I’ve had this happen before.
    Appreciate it

  76. ασφαλεια direct January 10, 2018 at 7:45 am - Reply

    I am no longer positive the place you’re getting your
    info, but great topic. I must spend some time learning much more or working out more.
    Thanks for fantastic info I was searching for this info for my mission.

  77. Simply wish to say your article is as astounding. The clarity in your put up is just great and that i
    could think you’re knowledgeable on this subject.
    Well together with your permission allow me to snatch your feed to keep updated with
    drawing close post. Thanks one million and please continue the gratifying

Leave A Comment


Digital Services

%d bloggers like this: