
What's your favorite color? You can tell a lot about a person by their favorite color - and you can also tell a lot about an online store by the colors they use. A lot of ecommerce entrepreneurs don't know that the various colors they use on their website can have a significant impact on the
mood of their customers. Getting the right mix of colors can
mean the difference between a repeat customer and a fleeting one-time visitor.
The Psychology of Color
According to a study conducted by the Seoul International Color Expo, over 92% of people said that color plays an integral part when purchasing merchandise. Believe it or not, only 6% said that their sense of touch played a major role, whereas smell and hearing amounted to a tiny 1% of people’s votes - unless of course they were buying air freshener or music.Further research carried out by the Institute for Color Research showed that shoppers subconsciously judge people, the environment, and the product within the first two minutes of the initial viewing. Crucially, 60% to 90% make an assessment that is solely based on color. Therefore, it goes without saying that catching the customer’s eye with an intelligent layout of colors is integral to ecommerce success.
Here is a brief look at eleven widely used colors and the effect they have on online customers:
Brown
Brown is a strong and dependable color which is very reassuring to shoppers. It gives off an aura of confidence and, if used in the right amounts, can help convert a potential customer. Above is a free ecommerce template in the Shopify Theme Store - it's called Radiance and is extremely customizable.
Orange
Orange radiates ambition and energetic warmth. It also represents passion, originality, and fresh beginnings. Orange paired with cool shades of blue can give off a positive and exciting vibe. Above is a premium template from the Shopify Theme Store - it's called Contrast and is a part of our Square line.Yellow
Yellow is a cheerful and playful color that can really grab the customers’ attention. However, it should be used in moderation because an excessive use of yellow can turn customers off. Above is a gorgeous ecommerce template called Flyer and is a part of our Cogify lineup. This premium theme is $150 and is designed by the all-star team at Jeffrey Zeldman's Happy Cog. Check out more yellow ecommerce templates here.
Green
Green has a natural and organic aura, which is why it is considered to be very easy on the eye. When shoppers see green, they often relate the color to positivity, relaxation, safety, and harmony. Above is an extremely customizable theme called Adaptable. Check out some green ecommerce templates here.Pink
Even though pink is usually associated with femininity, it can appeal to males as well since it exudes kindheartedness, romance, and love. Pink has a soothing effect so it can be used to offset more aggressive colors like black, orange and red. Above is a premium ecommerce template called Broadway and is a part of our New York portfolio.
Red
Red taps into the deepest, most primal, emotions of shoppers. Since red is usually associated with love, life, and confidence, it can convert potential buyers into lifelong customers if used correctly. But beware, too much red on a webpage can be visually overwhelming. Above is a popular template called Rustic, and it's apart of our Zenith portfolio. Check out some more red ecommerce templates right here.
White
White exudes purity, wholesomeness, and clarity, and it is essential to most web pages. Always include empty white space around your content so that customers don’t feel boxed in. Above is a free ecommerce template that has all the social media functions you can handle. The template is called Social and can be found in the Shopify Theme Store. Check out all our white ecommerce templates here.
Purple
Blue
Blue conveys feelings of trust, peace, and productivity. Although blue is one of the most common colors on the web, it should be avoided if your webpage is involved with the hospitality industry, especially with restaurants as blue is said to decrease appetite. Above is another free template from the Shopify Theme Store - it's called Monochrome, and is a deeper greyish blue. We have more blue ecommerce templates here.
Grey
Grey is usually connected with seriousness and a conservative mindset. The right shades of grey can serve as a great backdrop for other more vibrant colors such as orange, red, and royal blue. Above is a theme called Corporate Edge and is a top-level theme with tons of functionality. Check out all our grey ecommerce templates here.
Black is associated with strength, power, and dominance. When used in ecommerce, it sends a confident message to potential customers. Excessive use can give off a bland and gloomy ambiance, so it should be used in moderation, along with other tranquil colors. Above is an awesome free ecommerce template called Faust - it's designed specifically for high-end fashion shops and features all the latest web technologies. Check out all our black ecommerce templates here.






Great post Mark! At Shopaholla we do our best to incorporate the ability to change our themes to unlimited color schemes giving every store it’s own unique look. Good stuff!
Interesting info about color – I’ll definitely keep this in mind for the future.
It would also be great to see some comparative A/B style objective testing of the effect of colour choices on key elements such as ‘buy now’/‘add to cart’ buttons (everything else being equal)
I have to agree with Chris. I clicked on the link hoping to actually learn something, but basically just got an advertisement for your templates. It would be nice to see some more hard-core, useful information in the blog.
As I am planning a new theme, I found this info informative for me as I am not a web-designer and appreciate all the tips to use when planning my colours.
I love this information but I would agree with Chris as well. I would like to see more studies on the actual button colors and which color on buy now/ check out buttons work the best