5 Color Schemes That You Must Avoid While Designing A Website

website color scheme
0 Flares Twitter 0 Facebook 0 Google+ 0 StumbleUpon 0 Pin It Share 0 0 Flares ×

We all love colors as these accomodate life in them. We don’t even like to watch those old motion pictures that were shot in black & white mode before the visual revolutionization took place.

When it comes to designing a website, colors have an essential part at creating a humanization impact. The first and most important thing that you need to keep in mind during designing websites is that you are designing these websites for human beings and not for robots.

Kissmetrics states that a website visitor takes only 90 seconds to judge a website. And almost 62-90% of this interaction is based on the color of a product.

The color is one among the various important aspects of a website design that makes a strong first impression for the human eye as published in the e-book Web Design for the Human Eye.

Here are five color combinations you should reconsider using while designing the website :-

  1. Don’t Use Pure Black (#000000)

Black is often excessively overwhelming, and in reality, nothing is ever truly 100% black anyway. Not your hair, not charcoal, not your smart television – nothing. If you look naked at well-known frameworks like Bootstrap and Foundation, the keys on your MacBook, the Photoshop UI  – they’re not pure black. A few things are and our brains are not enough used to seeing them.

Over the time we have come to realize that it’s good to add some subtle color into our blacks, and even something same as #111111 (cod grey) would be much more impressive for the eyes.

pure black vs light black

  1. Red and Green Color Should Never be Seen

Red and green should not be used without a color in between. It sounds crazy because it is, but  the real reason that why you should not combine the two is because of deuteranopia, a form of colour blindness that makes it really hard to distinguish between the two colours. But there is another one, more obvious reason.

red green yes no button

Red and green mixing also conflict with the notion that red means “no” and green means “yes”, as stated by behavioural science and various user experience experts, so we mainly use those colours for error messages, buttons, form helpers, alerts and so on.

red and green

  1. Avoid Neon Colors

Presence of Neon colors in website designing are aversive and all-around irritating, instead of being vibrant, beautiful, attractive colours in art and illustration. I would recommend their use in a retro theme. Maybe in a background image that devotes to the emotion and mood of the design, however as user interface text and elements, it’s unsettling to the human eyes.

neon color

  1. Stop Using Light Colors on White or Detailed Backgrounds

Well. Likely to be the most obvious color-related design bug, but at the same time it is also the biggest crime amongst web designers and developers. Its most common associate is the rise in big image headers. This is definitely a striking approach to announce your website, but extra care must be taken with such a tricky trend to execute.

light color on white background

  1. Never Use Bright Colors With more Bright Colors

By using bright colors on top of (or just next to) more bright colors you’re at danger of inducing an instant migraine. I’m a total color addict so I am never going to say that you should not use bold colors, but overdoing it is a entire no-no.

light color website

By using too much sharp, high-contrast hues next to each other you’re confusing your visitor’s eyes and brain.

About author View all posts

Andrew Johnson

Andrew Johnson is founder of BestPSDtoHTML. He loves creative designs, photography, paintings and everything about innovation. As an Internet entrepreneur, he constantly tries to develop new ways to bring content faster and closer to the end users in a more streamlined way. His main focus lies in inspiring all the designers and developers with all new ideas through his blogs.

2 CommentsLeave a comment

  • Hey excellent blog! Does running a blog similar to this require a lot
    of work? I’ve no understanding of programming however I was hoping to start
    my own blog in the near future. Anyway, should you have any ideas or techniques
    for new blog owners please share. I understand this is off topic nevertheless I
    simply needed to ask. Thanks a lot!


Leave a Reply

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