{"id":11844,"date":"2019-08-22T10:09:50","date_gmt":"2019-08-22T07:09:50","guid":{"rendered":"https:\/\/www.x-cart.com\/?p=11844"},"modified":"2023-09-12T09:22:50","modified_gmt":"2023-09-12T06:22:50","slug":"website-color-schemes-matter-use-right","status":"publish","type":"post","link":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html","title":{"rendered":"Why Website Color Schemes Matter &amp; How to Use Them Right"},"content":{"rendered":"\n<p><em>This blog post was originally contributed by Georgi Todorov, the founder of ThriveMyWay, on behalf of <a href=\"https:\/\/digitalnovas.com\/\" target=\"_blank\">DigitalNovas<\/a>. <\/em><\/p>\n\n\n\n<p>What if I told you that you could grow your business and have a beautiful website by selecting the right colors?<\/p>\n\n\n\n<p>People are shopping online more than ever now, and they love it. It\u2019s part of their daily life, and the click of a button is comfortable and feels like a real-life experience.<\/p>\n\n\n\n<p>What does this mean for your ecommerce business?<\/p>\n\n\n\n<p><strong>That with the best website color scheme you can:<\/strong><\/p>\n\n\n\n<ul class=\"checklist darkblue gb-list__check gb-list__check--blue wp-block-list\">\n<li>grab attention;<\/li>\n\n\n\n<li>engage your target audience;<\/li>\n\n\n\n<li>give people what they want;<\/li>\n\n\n\n<li>turn them into customers;<\/li>\n\n\n\n<li>let them tell their friends about it;<\/li>\n\n\n\n<li>and make visitors <g class=\"gr_ gr_8 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar multiReplace\" id=\"8\" data-gr-id=\"8\">of<\/g> your website fall in love with your brand.<\/li>\n<\/ul>\n\n\n\n<p>When a potential buyer lands on your website, he has many small decisions to make before the actual purchase. All the elements on your platform are affecting his choice. And it\u2019s up to you to point him in the right direction.<\/p>\n\n\n\n<p><strong>One such element ecommerce entrepreneurs still neglect is the color scheme of their website.<\/strong><\/p>\n\n\n\n<p>Visual content matters in the ecommerce world, and so does color.<\/p>\n\n\n                <link  rel=\"stylesheet\" href=\"\/wp-content\/themes\/miniflat\/build\/css\/elements\/post\/youtube.css?var=1647510002\" \/>        <div class=\"gb-youtube\">\n                                        <div class=\"gb-youtube__preview js-only\">\n                    <button class=\"gb-youtube__preview-play\" aria-label=\"Play the video\" data-video-id=\"ojqC5hW1zO0\">\n                        <svg height=\"48\" viewBox=\"0 0 68 48\" width=\"68\" class=\"gb-youtube__preview-icon\">\n                            <path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" \/>\n                            <path d=\"M 45,24 27,14 27,34\" fill=\"#fff\" \/>\n                        <\/svg>\n                    <\/button>\n                                            <picture>\n                            <source srcset=\"https:\/\/img.youtube.com\/vi\/ojqC5hW1zO0\/hqdefault.jpg 1x, https:\/\/img.youtube.com\/vi\/ojqC5hW1zO0\/maxresdefault.jpg 2x\" media=\"(max-width: 429px)\">\n                            <source srcset=\"https:\/\/img.youtube.com\/vi\/ojqC5hW1zO0\/maxresdefault.jpg\" media=\"(min-width: 430px)\" \/>\n                            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/ojqC5hW1zO0\/maxresdefault.jpg\" width=\"1280\" height=\"720\" class=\"gb-youtube__preview-img\" loading=\"lazy\" alt=\"Preview\" \/>\n                        <\/picture>\n                                    <\/div>\n                <noscript>\n                    <iframe  frameborder class=\"gb-youtube__iframe\" src=\"https:\/\/www.youtube.com\/embed\/ojqC5hW1zO0\" allowfullscreen width=\"100%\" height=\"100%\" loading=\"lazy\">It looks like your browser doesn&#8217;t support iframes \ud83d\ude41 Try watching this video directly on Youtube: <a href='https:\/\/www.youtube.com\/watch?v=ojqC5hW1zO0' target='_blank'>https:\/\/www.youtube.com\/watch?v=ojqC5hW1zO0<\/a><\/iframe>                <\/noscript>\n                    <\/div>\n    \n\n\n<p>If you think about it, you will realize that you\u2019re affected by color on the Web all the time. Each color palette evokes emotions, puts you in a certain mood. Then takes you on a journey by reminding you of certain things from the past, or making you dream about a brighter future.<\/p>\n\n\n\n<p>It\u2019s not just about the main color you choose and what you complement it with, but how you combine and contrast these and where you&nbsp;<a href=\"https:\/\/www.x-cart.com\/blog\/best-ecommerce-website-design.html\" target=\"_blank\">add them on your ecommerce website<\/a>.<\/p>\n\n\n\n<p>In fact, a change in your color scheme can be the solution you\u2019ve been looking for. When you choose the right colors, you will finally express your vision to your visitors and inspire them, while gaining trust and turning them into repeat customers.<\/p>\n\n\n<h2>\n            I. Color 101: Getting Started with Website Color Schemes    <\/h2>\n\n\n<h3>\n            1. Checking out the competition    <\/h3>\n\n\n\n<p>People associate colors with emotions. While we might think that no type of advertising can affect us \u2013 the ecommerce entrepreneurs, all that matters is what the customer thinks and what they act upon.<\/p>\n\n\n\n<p>The primary color they see on your website (which will also be the promary color of your brand) will become one of your most powerful visual assets.<\/p>\n\n\n\n<p>If you\u2019re a brand with a strong message towards all gentlemen, like&nbsp;<a href=\"https:\/\/www.dollarshaveclub.com\/\">DollarShaveClub<\/a>, you\u2019ll want strong colors, each of which grabs attention. That\u2019s what they are doing with their website.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11861\/image15-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11861\/image15-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11861\/image15-p1140.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11861\/image15-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11861\/image15.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"411\" src=\"https:\/\/www.x-cart.com\/img\/11861\/image15-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11861\/image15-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11861\/image15.jpg 2x\" alt=\"Dollar Shave Club Website Color Scheme\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>They are selling razors. What makes them stand out from all other companies doing the same, though, is the way they tell a story, use video, and have a&nbsp;<a href=\"https:\/\/www.x-cart.com\/blog\/unique-selling-proposition.html\">unique value proposition<\/a>.<\/p>\n\n\n\n<p>Additionally, they have a stunning website, speaking directly to their target audience. It\u2019s stylish, with just enough white space, and a dark background at the same time.<\/p>\n\n\n\n<p>Another example of using dark web design color would be&nbsp;<a href=\"https:\/\/www.nescafe.com\/\" target=\"_blank\">Nescafe<\/a>.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11858\/image12-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11858\/image12-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11858\/image12-p1140.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11858\/image12-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11858\/image12.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"363\" src=\"https:\/\/www.x-cart.com\/img\/11858\/image12-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11858\/image12-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11858\/image12.jpg 2x\" alt=\"Neskafe Dark web design color\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>They are not afraid to share their message with the world, and use black (which is connected to power) to complement their brand color brown.<\/p>\n\n\n\n<p>Brown is a beautiful color that we connect with all natural and organic products. It also evokes a sense of comfort and reminds us of home.<\/p>\n\n\n\n<p>Let\u2019s move onto an ecommerce site that plays with muted tones in a creative way. That\u2019s&nbsp;<a href=\"https:\/\/www.leifshop.com\/\" target=\"_blank\">Leif<\/a>.<\/p>\n\n\n\n<p>You can see a beautiful homepage layout, with <g class=\"gr_ gr_4 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar only-ins replaceWithoutSep\" id=\"4\" data-gr-id=\"4\">focus<\/g> on the elements in the picture. There\u2019s a neutral background, and a unique combination of products to match their brand identity.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11853\/image7-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11853\/image7-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11853\/image7.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11853\/image7.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11853\/image7-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11853\/image7.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"488\" src=\"https:\/\/www.x-cart.com\/img\/11853\/image7-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11853\/image7-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11853\/image7.jpg 2x\" alt=\"Leif Muted website Tones\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>So, what\u2019s the point of all this? That you need to know what you want to express, to be able to state your value proposition, and to know exactly why you do what you do.<\/p>\n\n\n<link  rel=\"stylesheet\" href=\"\/wp-content\/themes\/miniflat\/build\/css\/elements\/post\/quote.css?var=1742284057\" \/><blockquote class=\"gb-quote gb-quote--photo\">\n            <div class=\"gb-quote__photo p-blog__image-shadow\">\n                <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017.webp 1x, https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-t200x200.webp 2x\" type=\"image\/webp\" media=\"(max-width: 599px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017.jpg 1x, https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-t200x200.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 599px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-t200x200.webp 1x, https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017.webp 2x\" type=\"image\/webp\" media=\"(min-width: 600px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-t200x200.jpg 1x, https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-raw.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 600px)\" \/><img decoding=\"async\"  width=\"300\" height=\"300\" src=\"https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-t200x200.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-t200x200.jpg 1x, https:\/\/www.x-cart.com\/img\/20392\/Sinek_Simon_AIF2017-raw.jpg 2x\" alt=\"Simon Sinek\" class=\"gb-quote__img\" loading=\"lazy\" \/><\/picture>                            <footer class=\"gb-quote__name\">\n                    <cite>\u2014 Simon Sinek<\/cite>\n                <\/footer>\n                    <\/div>\n        <div class=\"gb-quote__content\">\n                <p  class=\"gb-quote__text\">People don&#8217;t buy what you do, they buy why you do it.<\/p>            <\/div>\n<\/blockquote>\n\n<h3>\n            2. Colors based on the industry    <\/h3>\n\n\n\n<p>Each color sends a different message depending on the market you\u2019re in.<\/p>\n\n\n\n<p>The logo of HomeDepot, for example, is orange. Their goal is to make customers associate them with good value. In their case, that\u2019s quality goods at a low cost.<\/p>\n\n\n\n<p class=\"m-b-md-2 m-b-lg-2 m-b-xl-2\"><img decoding=\"async\" class=\"in-text left logo\" src=\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2017\/11\/image18.jpg\" alt=\"The Home Depot logo\" width=\"224\" height=\"225\">The logo of HomeDepot, for example, is orange. Their goal is to make customers associate them with good value. In their case, that\u2019s quality goods at a low cost.<\/p>\n\n<p><img decoding=\"async\" class=\"in-text right logo\" src=\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2017\/11\/image8-1.jpg\" alt=\"Fanta logo\" width=\"290\" height=\"270\">But we can also see that in Fanta\u2019s vibrant design. Here orange represents the friendliness and energy of their brand, and also serves as a call to action.<\/p>\n\n\n\n<p>Checking out the competition, once you\u2019ve done it in general to get a feeling of the psychology of color when it comes to branding, is something you need to do again, but in your industry only.<\/p>\n\n\n\n<p>See what competitors are doing and what colors they use on their website to present products. Examine the design trend in each field. Define how it makes you feel, and what their target audience might be depending on their website designs and color schemes.<\/p>\n\n\n\n<p>In case you\u2019re thinking of rebranding or you just need a logo, here\u2019s&nbsp;<a href=\"https:\/\/www.x-cart.com\/blog\/logo-design.html\" target=\"_blank\">our guide on logo design<\/a>. The best logo makers, tips, best practices are there.<\/p>\n\n\n<h3>\n            3. Color Tools    <\/h3>\n\n\n\n<p><a href=\"https:\/\/lifehacker.com\/learn-the-basics-of-color-theory-to-know-what-looks-goo-1608972072\" target=\"_blank\">Here are<\/a>&nbsp;the 5 best website color schemes:<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11857\/image11-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11857\/image11.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11857\/image11.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11857\/image11.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"654\" height=\"473\" src=\"https:\/\/www.x-cart.com\/img\/11857\/image11.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11857\/image11.png 1x\" alt=\"Main Color Schemes\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>The color theory behind each is pretty simple, and there are even free design resources with color wheels that let you see how your combination looks like. Here are some of them:<\/p>\n\n\n\n<ul class=\"checklist darkblue gb-list__check gb-list__check--blue wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/color.adobe.com\/create\/color-wheel\/\" target=\"_blank\">Adobe Color CC<\/a>&nbsp;\u2013 The color scheme creator by Adobe can help you with any website design project. There you can play with the color wheel and check out different combinations. Or use one of many color themes (with hex codes) they have for you.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/paletton.com\/#uid=1000u0kllllaFw0g0qFqFg0w0aF\" target=\"_blank\">Paletton<\/a>&nbsp;\u2013 starting with a base color, this tool will help you find complementary colors.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/colorhunter.com\/\" target=\"_blank\">Color Hunter<\/a>&nbsp;\u2013 this one works a bit differently, as it uses images (you can upload your own) to present color palettes.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/www.canva.com\/colors\/\">Colors Design Wiki<\/a>&nbsp;by Canva \u2013 this tool will teach you everything you need to know about colors, their meanings and the many color combinations that will hopefully give inspiration to your next design.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.sessions.edu\/color-calculator\/\" target=\"_blank\">Color Calculator<\/a>&nbsp;\u2013 this interactive color wheel will show you which colors work together and why.<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s move onto putting these visual elements on the right places on your platform in order to present your new color scheme to the world.<\/p>\n\n\n<h3>\n            4. Where to use color on your website    <\/h3>\n\n\n\n<p>Luckily, with so many examples at your fingertips, and the ability to see exactly how close competitors are doing it, it shouldn\u2019t be hard to choose the colors for your brand and website scheme. Plus, you can add a unique and personal touch to them that speaks to your audience.<\/p>\n\n\n\n<p>However, it\u2019s important where you put these. The first place is the logo, of course. But what else? That\u2019s something most ecommerce entrepreneurs often wonder about.<\/p>\n\n\n\n<p>Here are the key items on your website where you should place your new color palette and let each color affect the visitor in a particular way, while slowly turning them into a loyal customer.<\/p>\n\n\n<h3>\n            5. Images    <\/h3>\n\n\n\n<p>Ecommerce is all about&nbsp;<a href=\"https:\/\/www.x-cart.com\/blog\/product-photography-guide.html\" target=\"_blank\">product images<\/a>, and when these are on your website, they become part of the big picture. That\u2019s why it\u2019s worth taking a closer look at your overall strategy.<\/p>\n\n\n\n<p>Are your pictures professional enough? Can you make them more minimalistic? How do you group products on a page so that the whole layout doesn\u2019t appear cluttered?<\/p>\n\n\n\n<p>Even when it comes to black and white we need to be careful about combinations.&nbsp;<a href=\"https:\/\/gurushots.com\/article\/black-and-white-photography-guide\" target=\"_blank\">Here\u2019s a black and white photography guide<\/a>&nbsp;that you might find useful.<\/p>\n\n\n\n<p>Investing more time into creating and placing images on your website can be especially beneficial in the travel industry. After all, you can make people imagine like they are already on a vacation while at their laptops. An example would be&nbsp;<a href=\"http:\/\/www.africatravelresource.com\/\" target=\"_blank\">Africa Travel Resource<\/a>:<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11850\/image4-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11850\/image4-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11850\/image4.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11850\/image4-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11850\/image4.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"384\" src=\"https:\/\/www.x-cart.com\/img\/11850\/image4-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11850\/image4-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11850\/image4.jpg 2x\" alt=\"Beautiful Images on Website\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n<h3>\n            6. Buttons    <\/h3>\n\n\n\n<p>The color of a button is a turning point in the lead conversion process. Fortunately, it\u2019s also something that we can easily test.<\/p>\n\n\n\n<p>You might find&nbsp;<a href=\"https:\/\/blog.hubspot.com\/blog\/tabid\/6307\/bid\/20566\/The-Button-Color-A-B-Test-Red-Beats-Green.aspx\" target=\"_blank\">this button color A\/B test<\/a>&nbsp;by Hubspot interesting.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11868\/image22.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11868\/image22-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11868\/image22.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11868\/image22.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11868\/image22.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"671\" height=\"313\" src=\"https:\/\/www.x-cart.com\/img\/11868\/image22.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11868\/image22.png 1x\" alt=\"Button Color A\/B testing\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>The result was pretty clear. By changing the color from green to red, they saw a 21% increase in conversion. While it might be a bit aggressive in some situations (in real life, and in design if there\u2019s a lot of it), in this case (with a clean layout and enough spacing) it\u2019s eye\u2011catching.<\/p>\n\n\n\n<p>The moment you open up a page like that, you can\u2019t help but immediately notice the striking red button.<\/p>\n\n\n\n<p>But green is what most websites owners prefer for their buttons. It fits nicely with almost any website design, brings a sense of calmness and peace, and is natural. We\u2019re used to seeing it everywhere around the Web. In the situation above, however, it simply didn\u2019t grab the visitor\u2019s attention.<\/p>\n\n\n<h3>\n            7. Background    <\/h3>\n\n\n\n<p>A light\u2011colored background is a common choice for website color schemes, especially in the ecommerce industry. That\u2019s because you have other elements on the website and the products themselves that you\u2019ll want the customer to concentrate on. So the white space on the back (or any light color palette) won\u2019t distract them from the real reason they landed on your site.<\/p>\n\n\n\n<p>That\u2019s how&nbsp;<a href=\"https:\/\/www.adidas.com\/us\/soccer-shoes\" target=\"_blank\">Adidas<\/a>&nbsp;does it, for example:<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11859\/image13-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11859\/image13-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11859\/image13.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11859\/image13.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11859\/image13.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"419\" src=\"https:\/\/www.x-cart.com\/img\/11859\/image13.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11859\/image13.png 1x\" alt=\"Adidas Background Color\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>At the same time, <g class=\"gr_ gr_5 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar only-ins replaceWithoutSep\" id=\"5\" data-gr-id=\"5\">black<\/g> is a good option for background colors too. Consider it if you have bright products, are selling luxurious goods, want to appeal to a classy audience, or are creating a business that\u2019s bold in some way. <\/p>\n\n\n\n<p>Like&nbsp;<a href=\"https:\/\/www.audemarspiguet.com\/com\/en\/collections.html\" target=\"_blank\">this Swiss company<\/a>:<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11860\/image14-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11860\/image14-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11860\/image14.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11860\/image14.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11860\/image14-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11860\/image14.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"412\" src=\"https:\/\/www.x-cart.com\/img\/11860\/image14-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11860\/image14-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11860\/image14.jpg 2x\" alt=\"Audemars Piguet background Color\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n<h3>\n            8. Headers    <\/h3>\n\n\n\n<p>Last but not least, some ecommerce website owners believe in the power of highlighting their headlines. For that, they use their secondary or accent color. <\/p>\n\n\n\n<p>Here\u2019s how&nbsp;<a href=\"https:\/\/www.walmart.com\/\" target=\"_blank\">Walmart<\/a>&nbsp;<g class=\"gr_ gr_3 gr-alert gr_gramm gr_inline_cards gr_disable_anim_appear Grammar multiReplace\" id=\"3\" data-gr-id=\"3\">are<\/g> doing this effectively:<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11856\/image10-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11856\/image10-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11856\/image10.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11856\/image10.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11856\/image10-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11856\/image10.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"321\" src=\"https:\/\/www.x-cart.com\/img\/11856\/image10-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11856\/image10-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11856\/image10.jpg 2x\" alt=\"Wallmart Headlines\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n<h2>\n            II. Demographics: Analyzing Your Audience    <\/h2>\n\n\n\n<p>The next thing you need to consider is your demographics.<\/p>\n\n\n\n<p><strong>Who\u2019s your average buyer and what colors would evoke the emotions you want to in them?<\/strong><\/p>\n\n\n<h3>\n            1. Gender    <\/h3>\n\n\n\n<p>There are a few aspects to this. First, it\u2019s the gender. While you might appeal to both and have products for the general public, if you\u2019re more of a feminine brand you can do like&nbsp;<a href=\"https:\/\/www.sephora.com\/\" target=\"_blank\">Sephora<\/a>.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11848\/image2-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11848\/image2-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11848\/image2.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11848\/image2-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11848\/image2.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"369\" src=\"https:\/\/www.x-cart.com\/img\/11848\/image2-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11848\/image2-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11848\/image2.jpg 2x\" alt=\"Sephora Website Color Scheme\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>They are in the beauty market, targeting females. Pink is one of the most common choices for such brands as it\u2019s romantic and speaks directly to women and young girls.<\/p>\n\n\n\n<p>The clothing industry that targets females is also using pink quite often, and in interesting ways.&nbsp;<a href=\"https:\/\/www.victoriassecret.com\/pink\" target=\"_blank\">Victoria\u2019s Secret<\/a>&nbsp;is one such example.<\/p>\n\n\n\n<p>How their shades fill the page is true design inspiration.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11863\/image17-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11863\/image17-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11863\/image17.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11863\/image17.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11863\/image17-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11863\/image17.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"435\" src=\"https:\/\/www.x-cart.com\/img\/11863\/image17-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11863\/image17-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11863\/image17.jpg 2x\" alt=\"Victoria's Secret Website\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>What about men? In them, we\u2019d like to evoke different emotions, and make them feel strong, instead of gentle as it was in the 2 examples above. At the same time, however, both genders want to feel confident and sexy.<\/p>\n\n\n\n<p>Everyone has a favorite color. So let\u2019s take a look at the different favorite ones of men and women. Here\u2019s a diagram by&nbsp;<a href=\"http:\/\/www.joehallock.com\/edu\/COM498\/preferences.html\" target=\"_blank\">Joe Hallock<\/a>&nbsp;that was part of a research.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/20465\/image16-1.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20465\/image16-1-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/20465\/image16-1.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20465\/image16-1.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20465\/image16-1.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"320\" height=\"568\" src=\"https:\/\/www.x-cart.com\/img\/20465\/image16-1.png\" srcset=\"https:\/\/www.x-cart.com\/img\/20465\/image16-1.png 1x\" alt=\"Female and male favorite colors\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n<h3>\n            2. Age    <\/h3>\n\n\n\n<p>The next main physical characteristic of your audience is their age group. Would you like to appeal to seniors, young girls, men in their 30s, or else?<\/p>\n\n\n\n<p>People\u2019s color choices change with age and the best website color scheme is created with that in mind. So what you show to 18-year-olds, can\u2019t be the same as the content presented to those at the age of 35.<\/p>\n\n\n\n<p>Neil Patel&nbsp;<a href=\"https:\/\/neilpatel.com\/blog\/website-color-scheme\/\" target=\"_blank\">created a chart<\/a>&nbsp;presenting people\u2019s favorite color by age group.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11855\/image9.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11855\/image9.png 1x\" type=\"image\/png\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11855\/image9.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11855\/image9.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"530\" height=\"325\" src=\"https:\/\/www.x-cart.com\/img\/11855\/image9.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11855\/image9.png 1x\" alt=\"Favorite color by age group\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>These first steps will help you decide on your dominant color that\u2019s the foundation of your website color scheme.<\/p>\n\n\n\n<p>Once you know it, you\u2019ll also need to combine it with a secondary one, or even more than one. Let\u2019s see an example with 2 feature colors.<\/p>\n\n\n\n<p>In the case of McDonalds, that\u2019s yellow, which we associate with optimism and warmth. It\u2019s on a red background that speaks to young people and evokes excitement, while grabbing attention boldly.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11851\/image5-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11851\/image5-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11851\/image5-p1140.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11851\/image5-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11851\/image5-raw.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"432\" src=\"https:\/\/www.x-cart.com\/img\/11851\/image5-p950.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/11851\/image5-p950.jpg 1x, https:\/\/www.x-cart.com\/img\/11851\/image5-raw.jpg 2x\" alt=\"McDonalds logo\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n<h2>\n            III. Combining colors    <\/h2>\n\n\n\n<p>There\u2019s a concept in web designing (and design in general) called the 60\u201130\u201110&nbsp;rule.<\/p>\n\n\n\n<p>In a nutshell, it states that 3 is the right number of colors you should choose when decorating a place. Use these as follows: 60% for the dominant color, 30% for the secondary, and 10 for the third one (which is the accent color).<\/p>\n\n\n\n<p>That\u2019s something you\u2019ll see quite often on ecommerce websites. Some of the most beautiful color schemes are triadic.<\/p>\n\n\n\n<p>While this is not a must and doesn\u2019t mean you necessarily need to add an accent color to your palette, it is a good idea to mix things up and include yet another emotion that makes your overall message more powerful.<\/p>\n\n\n\n<p><a href=\"http:\/\/mmicreative.com\/the-60-30-10-rule\/\" target=\"_blank\">Here\u2019s a good graph<\/a>&nbsp;showing how the 60\u201130\u201110&nbsp;rule works.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11849\/image3.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11849\/image3.png 1x\" type=\"image\/png\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11849\/image3.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11849\/image3.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"482\" height=\"257\" src=\"https:\/\/www.x-cart.com\/img\/11849\/image3.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11849\/image3.png 1x\" alt=\"Graph of rule 60-30-10\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>A good rule of thumb when choosing the other colors for your brand is to get familiar with the color wheel. That\u2019s a chart representing the relationships between different colors.<\/p>\n\n\n\n<p>Some experts advice to pick colors positioned next to each other on the wheel. We call that analogous color scheme. And you can use it with subtle shades, or combine darker materials and colors to create unique combinations.<\/p>\n\n\n\n<p>You\u2019ll also hear graphic and web designers advising you select opposite colors that seem to be a good fit together. The options don\u2019t end here.<\/p>\n\n\n\n<p>By now you must have figured out the \u2018why\u2019 behind your ecommerce business. You know your market and competitors well and have defined the age group and target audience. Now that you are sure about the dominant color, start creating your second one. Include the accent color here and there too.<\/p>\n\n\n\n<p>When it comes to digital marketing and selling things online, color can be considered one of the most crucial elements. While it\u2019s directly related to conversion, let\u2019s see where it all began and what happens in the mind of a visitor the moment they land on your ecommerce website.<\/p>\n\n\n<h2>\n            IV. The Psychology Behind Color    <\/h2>\n\n\n\n<p>Psychology \u2013 the study of human behavior \u2013 is a pretty handy skill if you\u2019re selling online. It\u2019s worth learning what goes on in the brain of somebody who lands on your platform for the very first time. It you\u2019re not aware of this, chances are you aren\u2019t achieving the result you want.<\/p>\n\n\n\n<p>In fact, you might even be hurting your sales if you haven\u2019t paid close attention to colors on your website and optimized them according to your goals and intention.<\/p>\n\n\n<link  rel=\"stylesheet\" href=\"\/wp-content\/themes\/miniflat\/build\/css\/elements\/post\/quote.css?var=1742284057\" \/><blockquote class=\"gb-quote gb-quote--photo\">\n            <div class=\"gb-quote__photo p-blog__image-shadow\">\n                <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big.jpg 1x, https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big-t200x200.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 599px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big-t200x200.jpg 1x, https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big-t300x300.jpg 2x\" type=\"image\/jpg\" media=\"(min-width: 600px)\" \/><img decoding=\"async\"  width=\"300\" height=\"300\" src=\"https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big-t200x200.jpg\" srcset=\"https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big-t200x200.jpg 1x, https:\/\/www.x-cart.com\/img\/20412\/ralf-speth-big-t300x300.jpg 2x\" alt=\"Ralf Speth\" class=\"gb-quote__img\" loading=\"lazy\" \/><\/picture>                            <footer class=\"gb-quote__name\">\n                    <cite>\u2014 Dr. Ralf Speth<\/cite>\n                <\/footer>\n                    <\/div>\n        <div class=\"gb-quote__content\">\n                <p  class=\"gb-quote__text\">If you think good website design is expensive, you should look at the cost of bad design.<\/p>            <\/div>\n<\/blockquote>\n\n\n<p>If you want to be a successful ecommerce entrepreneur, you\u2019ll have to know how consumers think and why they do what they do online. That\u2019s when color psychology can help you out.<\/p>\n\n\n\n<p>Don\u2019t leave anything to luck. Make changes to your site design and online store according to what science shows is working.<\/p>\n\n\n\n<p>For a start, there\u2019s the fact that every person has a favorite color and that affects them more than anything else.<\/p>\n\n\n\n<p>Then, it\u2019s key to know what each color radiates, as it leads to creating a certain feeling in the visitor and putting them in a certain mood.<\/p>\n\n\n\n<p>Harmony, wisdom and relaxation, for instance, connect to green. It\u2019s one of the most natural colors schemes for websites.<\/p>\n\n\n\n<p>It\u2019s impactful. And what makes it a brilliant color is that it will calm down your target audience. One of the reasons being that it\u2019s in the middle of our visible spectrum and so it takes little effort to recognize it.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11867\/image21.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11867\/image21-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11867\/image21.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11867\/image21.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11867\/image21.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"433\" src=\"https:\/\/www.x-cart.com\/img\/11867\/image21.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11867\/image21.png 1x\" alt=\"Color of light\" loading=\"lazy\" \/><\/picture>                                        <figcaption class=\"gb-img__source\">\n                    Source: <a href=\"http:\/\/edition.cnn.com\/2017\/06\/05\/health\/colorscope-green-environment-calm\/index.html\" target='_blank'>CNN<\/a>                <\/figcaption>\n                    <\/figure>\n    <\/div>\n    \n\n\n<p>Here\u2019s how it looks like on&nbsp;WrightWoodFurniture:<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11865\/image19-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11865\/image19-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11865\/image19.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11865\/image19.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11865\/image19.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"526\" src=\"https:\/\/www.x-cart.com\/img\/11865\/image19.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11865\/image19.png 1x\" alt=\"Wrightwood Furniture website color scheme\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>And here\u2019s how&nbsp;Trunkster&nbsp;\u2013 a brand selling suitcases \u2013 have used yellow as their dominant color (more on how to choose your primary color below).<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11847\/image1-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11847\/image1-p760.jpg 2x, https:\/\/www.x-cart.com\/img\/11847\/image1.jpg 3x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11847\/image1.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11847\/image1.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"768\" height=\"488\" src=\"https:\/\/www.x-cart.com\/img\/11847\/image1.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11847\/image1.png 1x\" alt=\"Trunkster website color\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p>Yellow is cheerful, which makes it a great choice for your brand color. It evokes a feeling of warmth and optimism. What\u2019s more, it stimulates the nervous system and grabs attention.<\/p>\n\n\n\n<p>Having a ton of white space is something you\u2019ll also notice quite often in ecommerce sites. In fact, most prefer to stick to a white background, while using complementary colors for particular elements.<\/p>\n\n\n\n<p>A neutral background might be basic, but it doesn\u2019t lead to clutter. After all, people are there to enjoy the content. There must be enough empty space so that the visitor doesn\u2019t get distracted.<\/p>\n\n\n\n<p>However, your main colors are a great way to focus on important elements of the page. Such as your logo, an email opt\u2011in, a button you\u2019d like them to click where you invite them to learn more about a product or get in touch, and more.<\/p>\n\n\n\n<p>In color psychology, white means purity, innocence and perfection. We connect it to new beginnings, sophistication, simplicity and peace. All these are pleasant and make us feel good.<\/p>\n\n\n\n<p>Always include white on your pages. It helps users consume the rest of the colors and the content on the website more easily.<\/p>\n\n\n<h3>\n            1. The color palettes you\u2019re using say a lot about your store    <\/h3>\n\n\n\n<p>Choosing a color combination is actually yet another branding choice, but many website owners tend to forget that. Truth is it\u2019s one of the most important decisions you\u2019ll have to make related to your brand identity.<\/p>\n\n\n\n<p>Let\u2019s see how website color schemes result in maximum brand impact and affect sales.<\/p>\n\n\n<h3>\n            2. How Colors Can Lead to Conversion    <\/h3>\n\n\n\n<p>Did you know that&nbsp;<a href=\"https:\/\/www.quicksprout.com\/2014\/01\/24\/how-colors-affect-conversion-rate\/?display=wide\" target=\"_blank\">85% of shoppers<\/a>&nbsp;admit that color is the main reason why they buy something? Not to mention that color increases brand recognition by 80%.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11852\/image6.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11852\/image6.png 1x\" type=\"image\/png\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11852\/image6.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11852\/image6.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"545\" height=\"612\" src=\"https:\/\/www.x-cart.com\/img\/11852\/image6.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11852\/image6.png 1x\" alt=\"How colors affect your conversion rate\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n<h3>\n            3. With the right colors, you\u2019ll be remembered more easily    <\/h3>\n\n\n\n<p>If you want people to recognize you, stay consistent with your website color scheme. That means knowing what colors convert well in your industry and being familiar with the trendy web color palettes.<\/p>\n\n\n\n<p>It means choosing a dominant color for your ecommerce website after&nbsp;<a href=\"https:\/\/www.x-cart.com\/blog\/creating-your-buyer-personas.html\" target=\"_blank\">getting to know your customers better<\/a>. And mixing things up with a complementary one, while adding these to the right places on the page.<\/p>\n\n\n\n<p>Furthermore, you\u2019ll need to include your brand colors across all platforms where you have online presence. That means social media channels, photos and videos you create that visitors can share, presentations, and even packaging and business cards.<\/p>\n\n\n\n<p>So, what does your chosen website color scheme have to do with boosting sales?<\/p>\n\n\n\n<p>Well, you will create a brand personality that your audience will feel comfortable with and build a connection with. You will then let them associate you with the feelings the colors you\u2019re using evoke in them and the mood they put them in.<\/p>\n\n\n\n<p>What\u2019s more, each color palette attracts different types of online shoppers and has an influence on their shopping behavior. As shown in\u00a0<a href=\"https:\/\/edubirdie.com\/blog\/color-psychology\" target=\"_blank\">this infographic<\/a>, black and orange often attract impulse shoppers and are used for discounts or in the fast food industry. While teal (a blue-green color) targets those on a budget, and we can see it with banks and big retailers.<\/p>\n\n\n    <div class=\"gb-img__figure-container\">\n        <figure class=\"gb-img__figure\">\n                            <picture><source  srcset=\"https:\/\/www.x-cart.com\/img\/11866\/image20.webp 1x\" type=\"image\/webp\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11866\/image20-p500.jpg 1x, https:\/\/www.x-cart.com\/img\/11866\/image20.jpg 2x\" type=\"image\/jpg\" media=\"(max-width: 420px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11866\/image20.webp 1x\" type=\"image\/webp\" media=\"(min-width: 421px)\" \/><source  srcset=\"https:\/\/www.x-cart.com\/img\/11866\/image20.png 1x\" type=\"image\/png\" media=\"(min-width: 421px)\" \/><img decoding=\"async\"  width=\"563\" height=\"482\" src=\"https:\/\/www.x-cart.com\/img\/11866\/image20.png\" srcset=\"https:\/\/www.x-cart.com\/img\/11866\/image20.png 1x\" alt=\"Color and types of consumers\" loading=\"lazy\" \/><\/picture>                                <\/figure>\n    <\/div>\n    \n\n\n<p><strong>Additional Resources:<\/strong><br><a aria-label=\"50 Gorgeous Color Schemes From Award-Winning Websites (opens in a new tab)\" href=\"https:\/\/visme.co\/blog\/website-color-schemes\/\" target=\"_blank\">50 Gorgeous Color Schemes From Award-Winning Websites<\/a><\/p>\n\n\n<h2>\n            Your Turn    <\/h2>\n\n\n\n<p><em>So that\u2019s why website color schemes matter more than ever in ecommerce today, and can be the reason you convert visitors into customers more often.<\/em><\/p>\n\n\n\n<p>What can you do today to express your brand voice through colors, and how would you combine them for better conversion?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This blog post was originally contributed by Georgi Todorov, the founder of ThriveMyWay, on behalf of DigitalNovas. What if I told you that you could grow your business and have a beautiful website by selecting the right colors? People are shopping online more than ever now, and they love it. It\u2019s part of their daily [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":20802,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11666,11734],"tags":[33],"class_list":["post-11844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-platform","tag-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v19.6.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why Website Color Schemes Matter and How to Use Them Right<\/title>\n<meta name=\"description\" content=\"What if I told you could grow your business and have a beautiful website by selecting the right colors? Don&#039;t neglect the color scheme of their website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Website Color Schemes Matter &amp; How to Use Them Right\" \/>\n<meta property=\"og:description\" content=\"What if I told you could grow your business and have a beautiful website by selecting the right colors? Don&#039;t neglect the color scheme of their website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\" \/>\n<meta property=\"og:site_name\" content=\"X-Cart\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/xcart\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-22T07:09:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-12T06:22:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2019\/08\/color_scheme.jpg\" \/>\n<meta name=\"author\" content=\"Anastasia Zhavoronkova\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@x_cart\" \/>\n<meta name=\"twitter:site\" content=\"@x_cart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasia Zhavoronkova\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\"},\"author\":{\"name\":\"Anastasia Zhavoronkova\",\"@id\":\"https:\/\/www.x-cart.com\/#\/schema\/person\/c27aac5b87cd11514d16629d3e416866\"},\"headline\":\"Why Website Color Schemes Matter &amp; How to Use Them Right\",\"datePublished\":\"2019-08-22T07:09:50+00:00\",\"dateModified\":\"2023-09-12T06:22:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\"},\"wordCount\":3284,\"publisher\":{\"@id\":\"https:\/\/www.x-cart.com\/#organization\"},\"keywords\":[\"design\"],\"articleSection\":[\"Website design\",\"All eCommerce\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\",\"url\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\",\"name\":\"Why Website Color Schemes Matter and How to Use Them Right\",\"isPartOf\":{\"@id\":\"https:\/\/www.x-cart.com\/#website\"},\"datePublished\":\"2019-08-22T07:09:50+00:00\",\"dateModified\":\"2023-09-12T06:22:50+00:00\",\"description\":\"What if I told you could grow your business and have a beautiful website by selecting the right colors? Don't neglect the color scheme of their website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.x-cart.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why Website Color Schemes Matter &amp; How to Use Them Right\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.x-cart.com\/#website\",\"url\":\"https:\/\/www.x-cart.com\/\",\"name\":\"X-Cart\",\"description\":\"X-Cart\",\"publisher\":{\"@id\":\"https:\/\/www.x-cart.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.x-cart.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.x-cart.com\/#organization\",\"name\":\"X-Cart\",\"url\":\"https:\/\/www.x-cart.com\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/xcart\/\",\"https:\/\/www.youtube.com\/user\/Qualiteam\",\"https:\/\/www.facebook.com\/xcart\",\"https:\/\/twitter.com\/x_cart\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.x-cart.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2024\/12\/X-Cart-Automotive-Origin-Logo.png\",\"contentUrl\":\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2024\/12\/X-Cart-Automotive-Origin-Logo.png\",\"width\":3000,\"height\":915,\"caption\":\"X-Cart\"},\"image\":{\"@id\":\"https:\/\/www.x-cart.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.x-cart.com\/#\/schema\/person\/c27aac5b87cd11514d16629d3e416866\",\"name\":\"Anastasia Zhavoronkova\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.x-cart.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2019\/09\/nastya_1000px-1-150x150.jpg\",\"contentUrl\":\"https:\/\/www.x-cart.com\/wp-content\/uploads\/2019\/09\/nastya_1000px-1-150x150.jpg\",\"caption\":\"Anastasia Zhavoronkova\"},\"description\":\"Anastasia has over 8 years of experience in the eCommerce industry. Having been a Customer Care agent in the past, she knows exactly what eCommerce merchants' needs are, and uses her knowledge in Marketing to bring value to the community by sharing her thoughts on relevant topics.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/anastasia-zhavoronkova-93669272\/\"],\"url\":\"https:\/\/www.x-cart.com\/blog\/author\/anastasia\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Why Website Color Schemes Matter and How to Use Them Right","description":"What if I told you could grow your business and have a beautiful website by selecting the right colors? Don't neglect the color scheme of their website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html","og_locale":"en_US","og_type":"article","og_title":"Why Website Color Schemes Matter &amp; How to Use Them Right","og_description":"What if I told you could grow your business and have a beautiful website by selecting the right colors? Don't neglect the color scheme of their website.","og_url":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html","og_site_name":"X-Cart","article_publisher":"https:\/\/www.facebook.com\/xcart","article_published_time":"2019-08-22T07:09:50+00:00","article_modified_time":"2023-09-12T06:22:50+00:00","og_image":[{"url":"https:\/\/www.x-cart.com\/wp-content\/uploads\/2019\/08\/color_scheme.jpg"}],"author":"Anastasia Zhavoronkova","twitter_card":"summary","twitter_creator":"@x_cart","twitter_site":"@x_cart","twitter_misc":{"Written by":"Anastasia Zhavoronkova","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html#article","isPartOf":{"@id":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html"},"author":{"name":"Anastasia Zhavoronkova","@id":"https:\/\/www.x-cart.com\/#\/schema\/person\/c27aac5b87cd11514d16629d3e416866"},"headline":"Why Website Color Schemes Matter &amp; How to Use Them Right","datePublished":"2019-08-22T07:09:50+00:00","dateModified":"2023-09-12T06:22:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html"},"wordCount":3284,"publisher":{"@id":"https:\/\/www.x-cart.com\/#organization"},"keywords":["design"],"articleSection":["Website design","All eCommerce"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html","url":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html","name":"Why Website Color Schemes Matter and How to Use Them Right","isPartOf":{"@id":"https:\/\/www.x-cart.com\/#website"},"datePublished":"2019-08-22T07:09:50+00:00","dateModified":"2023-09-12T06:22:50+00:00","description":"What if I told you could grow your business and have a beautiful website by selecting the right colors? Don't neglect the color scheme of their website.","breadcrumb":{"@id":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.x-cart.com\/blog\/website-color-schemes.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.x-cart.com\/blog\/website-color-schemes.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.x-cart.com\/"},{"@type":"ListItem","position":2,"name":"Why Website Color Schemes Matter &amp; How to Use Them Right"}]},{"@type":"WebSite","@id":"https:\/\/www.x-cart.com\/#website","url":"https:\/\/www.x-cart.com\/","name":"X-Cart","description":"X-Cart","publisher":{"@id":"https:\/\/www.x-cart.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.x-cart.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.x-cart.com\/#organization","name":"X-Cart","url":"https:\/\/www.x-cart.com\/","sameAs":["https:\/\/www.instagram.com\/xcart\/","https:\/\/www.youtube.com\/user\/Qualiteam","https:\/\/www.facebook.com\/xcart","https:\/\/twitter.com\/x_cart"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.x-cart.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.x-cart.com\/wp-content\/uploads\/2024\/12\/X-Cart-Automotive-Origin-Logo.png","contentUrl":"https:\/\/www.x-cart.com\/wp-content\/uploads\/2024\/12\/X-Cart-Automotive-Origin-Logo.png","width":3000,"height":915,"caption":"X-Cart"},"image":{"@id":"https:\/\/www.x-cart.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.x-cart.com\/#\/schema\/person\/c27aac5b87cd11514d16629d3e416866","name":"Anastasia Zhavoronkova","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.x-cart.com\/#\/schema\/person\/image\/","url":"https:\/\/www.x-cart.com\/wp-content\/uploads\/2019\/09\/nastya_1000px-1-150x150.jpg","contentUrl":"https:\/\/www.x-cart.com\/wp-content\/uploads\/2019\/09\/nastya_1000px-1-150x150.jpg","caption":"Anastasia Zhavoronkova"},"description":"Anastasia has over 8 years of experience in the eCommerce industry. Having been a Customer Care agent in the past, she knows exactly what eCommerce merchants' needs are, and uses her knowledge in Marketing to bring value to the community by sharing her thoughts on relevant topics.","sameAs":["https:\/\/www.linkedin.com\/in\/anastasia-zhavoronkova-93669272\/"],"url":"https:\/\/www.x-cart.com\/blog\/author\/anastasia"}]}},"_links":{"self":[{"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/posts\/11844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/comments?post=11844"}],"version-history":[{"count":38,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/posts\/11844\/revisions"}],"predecessor-version":[{"id":32088,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/posts\/11844\/revisions\/32088"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/media\/20802"}],"wp:attachment":[{"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/media?parent=11844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/categories?post=11844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.x-cart.com\/wp-json\/wp\/v2\/tags?post=11844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}