{"id":10413,"date":"2020-01-30T14:47:50","date_gmt":"2020-01-30T12:47:50","guid":{"rendered":"https:\/\/${domain}\/blog\/?p=10413"},"modified":"2024-12-19T21:49:35","modified_gmt":"2024-12-19T19:49:35","slug":"how-to-choose-the-right-color-scheme-for-a-website","status":"publish","type":"post","link":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/","title":{"rendered":"How to Choose the Right Color Scheme for a Website"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Did you know that the website color scheme can affect your revenue as much as<\/span><b> $10 million annually<\/b><span style=\"font-weight: 400;\">? <\/span><span style=\"font-weight: 400;\">According to Harward Business Review<\/span><span style=\"font-weight: 400;\">, in 2013, Bing, a search engine by Microsoft, ran a set of experiments with the colors of their titles, links, and captions. It turned out the users who saw slightly darker blues and greens in titles and a slightly lighter black in captions were more successful in their searches and found what they wanted in significantly less time.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Read this post and dive deep into the specifics of choosing the right color scheme for a website with <\/span><a href=\"https:\/\/crello.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Crello<\/span><\/a><span style=\"font-weight: 400;\">, the online design tool for creating stunning visuals.<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d2793fc8f8d\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d2793fc8f8d\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#Why_Color_scheme_is_important_for_your_website\" >Why Color scheme is important for your website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#Any_ideas_where_it_could_help_in_your_funnel\" >Any ideas where it could help in your funnel?\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#Color_schemes_examples_by_industry\" >Color schemes examples by industry<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#How_to_choose_a_color_scheme\" >How to choose a color scheme?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#Add_trends_to_the_taste\" >Add trends to the taste<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#Wrap-up\" >Wrap-up<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Why_Color_scheme_is_important_for_your_website\"><\/span><strong>Why Color scheme is important for your website?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">As soon as a person opens your website, the color scheme sends them a powerful first impression on the subconscious level that makes them \u201cyay or nay\u201d the whole experience.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.researchgate.net\/publication\/235320162_Impact_of_color_on_marketing\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">According to the research<\/span><\/a><span style=\"font-weight: 400;\">, here\u2019s what you can do by colors only:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><i><span style=\"font-weight: 400;\">increase or decrease appetite<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\"><i><span style=\"font-weight: 400;\">enhance mood<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\"><em><span style=\"font-weight: 400;\">calm down customers<\/span><\/em><\/li>\n<li style=\"font-weight: 400;\"><em><span style=\"font-weight: 400;\">reduce the perception of waiting time<\/span><\/em><\/li>\n<\/ul>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Any_ideas_where_it_could_help_in_your_funnel\"><\/span><b>Any ideas where it could help in your funnel?\u00a0<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">For one, it <\/span><span style=\"font-weight: 400;\">turns out that you can reduce the perception of waiting time by <\/span><a href=\"http:\/\/www.bm.ust.hk\/mark\/files\/staff\/Jaideep\/Jaideep%20JMR-May%202004.pdf\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">almost 20%<\/span><\/a><span style=\"font-weight: 400;\"> if you use blue color when your visitors wait for the page to upload. For websites such as bookings and file transfers, this can mean the difference between a conversion and a lost customer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether you\u2019re making a page for your established business, creating a new website from scratch, or just need to come up with a cool page for your event or product, you\u2019ve come to the right place.\u00a0<\/span><\/p>\n<p>Now we will take you through the best color schemes examples by page functionality, point out the basic principles, and thumb through some trending digital palettes of 2021.<\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Color_schemes_examples_by_industry\"><\/span><strong>Color schemes examples by industry<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>Newsmakers<br \/>\n<\/strong><span style=\"font-weight: 400;\">High-functional news websites stick to <\/span><b>clear layouts and proven grids<\/b><span style=\"font-weight: 400;\">. The backgrounds here can be white or pastel, but the key here is that they don\u2019t act as the actual colors. It\u2019s just the background, while the information is the king here. Journalists all around the world stick to old good black-on-white-ish simply because it\u2019s the most readable combination that does good for the readers&#8217; eyes when they have to take in the big masses of text.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10421 size-large\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2-1000x585.png\" alt=\"\" width=\"885\" height=\"518\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2-1000x585.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2-200x117.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2-400x234.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2-768x449.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2-418x244.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Newsmakers2.png 1187w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/p>\n<p><strong>E-Commerce<br \/>\n<\/strong><span style=\"font-weight: 400;\">The sellers out there are competing with each other ruthlessly. They need to place out tons and tons of pictures of goods, and this means they cannot actually control the colors on their website. This is the reason they go for<\/span><b> very simple grids with white backgrounds<\/b><span style=\"font-weight: 400;\"> that make the goods most visible. As a rule, they would usually use their brand colors in the elements of layout, in the headers and footers, and on the buttons, just to highlight the brand name.\u00a0<\/span><\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10416 size-large\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-1000x591.png\" alt=\"\" width=\"885\" height=\"523\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-1000x591.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-200x118.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-400x236.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-768x454.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-418x247.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand.png 1074w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><br \/>\nBlogs<br \/>\n<\/strong><span style=\"font-weight: 400;\">You\u2019d want the readers to remember your particular page, but without letting the color scheme steal the show from your content. Consider the reader\u2019s journey on your page. Do you want people to stay to read through your longer posts? Then making the color scheme too vibrant or popping can get them tired and overwhelmed.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If keeping the reader is your goal,<\/span><b> go with the neutral, calm colors<\/b><span style=\"font-weight: 400;\"> with the pops of lively accents.\u00a0<\/span><\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10415 size-large\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog-1000x603.png\" alt=\"\" width=\"885\" height=\"534\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog-1000x603.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog-200x121.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog-400x241.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog-768x463.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog-418x252.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Blog.png 1068w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><br \/>\nProducts<br \/>\n<\/strong><span style=\"font-weight: 400;\">Launching a page for your product? First of all, congrats!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ve got to choose the color that will make your product pop, evoke the right emotion, and show your product in the best light. Of course, Apple streamlined this category with a white space approach, with few millions following this path. It\u2019s good, but not necessary.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10422 size-large\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product-1000x599.png\" alt=\"\" width=\"885\" height=\"530\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product-1000x599.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product-200x120.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product-400x240.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product-768x460.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product-418x250.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Product.png 1070w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><br \/>\n<span style=\"font-weight: 400;\">As long as the background is not stealing the show from your product, you\u2019re free to experiment.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Go with the bold colors for impressive, eye-catching solutions. Think of the website as your shop window \u2014 <\/span><b>colors do matter here<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><strong>Services<br \/>\n<\/strong><span style=\"font-weight: 400;\">The websites for the service providers are the ones where you have to sell from the first sight. A bunch of selling text describing your services (but not too much), pictures, videos, and testimonials will come later.<\/span><b> If you have a bright brand color in your brand book, look no further.<br \/>\n<\/b><span style=\"font-weight: 400;\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-10423 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service-1000x600.png\" alt=\"\" width=\"885\" height=\"531\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service-1000x600.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service-200x120.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service-400x240.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service-768x461.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service-418x251.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Service.png 1072w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><br \/>\n<\/span><\/p>\n<p><span style=\"font-weight: 400;\">See how <\/span><a href=\"https:\/\/www.spotify.com\/us\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Spotify<\/span><\/a><span style=\"font-weight: 400;\"> went all-in with the bold color to fill in the background, and then doing a great job with round shapes and simple UI? This page makes a cohesive impression of the solid product which has all its features in place.\u00a0<\/span><\/p>\n<p><strong>Events<br \/>\n<\/strong><span style=\"font-weight: 400;\">This category of pages is specific to its goals. The life span here is short, and the user journey is simple. The more you would want to give your visitors an extra experience for the money they consider to pay for a ticket to your event or happening.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This means you\u2019d better stretch out. The people will spend just about 1 minute here before they go to payment or close the page. And, well, even in the latter case you would want them to share the page, wouldn\u2019t you? <\/span><b>Then bring in bold colors, radiant solutions, and surely keep the click-through button big and contrast.<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10424 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Event.png\" alt=\"\" width=\"928\" height=\"542\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Event.png 928w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Event-200x117.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Event-400x234.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Event-768x449.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Event-418x244.png 418w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/digitalconference.ru\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">All-black VR website for the web conference<\/span><\/a><\/p>\n<p><strong>Agencies<br \/>\n<\/strong><span style=\"font-weight: 400;\">This is a big playground. Good news <b>\u2014<\/b> <\/span><b>you are free to use almost any color combination<\/b><span style=\"font-weight: 400;\">. As a rule, here you can show off your brand\u2019s personality, as that\u2019s exactly what your potential audience comes to your website for.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-10426 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency-1000x598.jpg\" alt=\"\" width=\"885\" height=\"529\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency-1000x598.jpg 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency-200x120.jpg 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency-400x239.jpg 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency-768x459.jpg 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency-418x250.jpg 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Agency.jpg 1070w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><br \/>\n<\/span><span style=\"font-weight: 400;\">Basing on the specifics of your business and brand colors, all primary colors are easily applicable (and yes, CMYK is <\/span><i><span style=\"font-weight: 400;\">very<\/span><\/i><span style=\"font-weight: 400;\"> trending).\u00a0<\/span><\/p>\n<p><strong>Companies<br \/>\n<\/strong><span style=\"font-weight: 400;\">If you\u2019re looking to create a respectable, solid web iteration of your company, <\/span><b>try creating the website background by combining and overlapping slightly different shades of your brand color<\/b><span style=\"font-weight: 400;\">. Orange, yellow, green, red, purple, black, grey, would all work equally well in this case, making a multidimensional space to make information about your services, case studies, and contact details jump into the customer\u2019s eye.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10427 size-large\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company-1000x536.png\" alt=\"\" width=\"885\" height=\"474\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company-1000x536.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company-200x107.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company-400x214.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company-768x412.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company-418x224.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Company.png 1071w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/span><\/p>\n<p><b>The simple rule to follow is more text <span style=\"font-weight: 400;\">\u2014<\/span> fewer colors, less text <span style=\"font-weight: 400;\">\u2014<\/span> more colors.\u00a0<\/b><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"How_to_choose_a_color_scheme\"><\/span><strong>How to choose a color scheme?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Whichever color you\u2019re leaning to at this point, make sure it is aligned with the basic principles from this section.<\/span><\/p>\n<h3><strong>Step 1. Look at your competitors<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">One, you don\u2019t want to look exactly like one of them. Two, being aware of the trends in your industry can help you to avoid costly mistakes. If a color is heavily used by certain businesses, it influences customers&#8217; perception. For example, when 95% of dentists use white, blue and green, going red or black will rather scare off your audience, than make your brand stand out.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Exceptions apply, of course.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10428 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Crp4LceSMc4sBiVB6MWtNU-650-80.gif\" alt=\"\" width=\"650\" height=\"325\" \/><br \/>\n<\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.creativebloq.com\/inspiration\/what-happens-when-brands-swap-colour\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<h3><strong>Step 2. Follow your brand guidelines\u00a0<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Never go against your branding when making a color choice. And we\u2019re not talking only about the certain hues. Saturation, intensity, and images color gamma should all go hand-in-hand if you don\u2019t want your brand to look like a high school scrapbook class.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10416 size-large\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-1000x591.png\" alt=\"\" width=\"885\" height=\"523\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-1000x591.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-200x118.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-400x236.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-768x454.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand-418x247.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/Brand.png 1074w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><br \/>\nOn the <\/span><span style=\"font-weight: 400;\">Herman Miller site<\/span><span style=\"font-weight: 400;\">, the desaturated color correction and primary brand colors are applied through all elements, staying consistent throughout the site.<\/span><\/p>\n<h3><strong>Step 3. Double-check the basics\u00a0<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Simply put, there are colors that go well together, and the ones that don\u2019t. The table below gives a perfect idea about text readability on various backgrounds. The higher the number, the better is readability.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10414 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/arthur-passini-color-wayfinding-01.png\" alt=\"\" width=\"720\" height=\"400\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/arthur-passini-color-wayfinding-01.png 720w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/arthur-passini-color-wayfinding-01-200x111.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/arthur-passini-color-wayfinding-01-400x222.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/arthur-passini-color-wayfinding-01-158x88.png 158w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/arthur-passini-color-wayfinding-01-418x232.png 418w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><br \/>\n<\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.designworkplan.com\/read\/signage-and-color-contrast\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The color theory, in its turn, <\/span><span style=\"font-weight: 400;\">lets you find harmonious combinations by using any two colors opposite each other on the<\/span> <span style=\"font-weight: 400;\">color wheel<\/span><span style=\"font-weight: 400;\">, any three colors spaced around it in a triangle, or any four colors forming a rectangle.\u00a0<\/span><\/p>\n<h3><strong>Step 4. Consider your target<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Women and men like different colors. No, not pink and blue. Actually, this picture will give you a quick idea about love and hate in the world of colors.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10429 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/colors-preferences.jpg\" alt=\"\" width=\"708\" height=\"448\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/colors-preferences.jpg 708w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/colors-preferences-200x127.jpg 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/colors-preferences-400x253.jpg 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/colors-preferences-418x264.jpg 418w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><br \/>\n<\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/instapage.com\/blog\/ultimate-guide-to-color-psychology\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">So, if your brand is one of these that target specific gender (<\/span><span style=\"font-weight: 400;\">like <\/span><span style=\"font-weight: 400;\">Dude<\/span><span style=\"font-weight: 400;\"> Wipes<\/span><span style=\"font-weight: 400;\">), you might want to reinforce your selling point by using a color highly preferred by your customer segment.<\/span><\/p>\n<h3><strong>Step 5. Get emotional<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">There are a number of articles all around the web about the colors in marketing and the em<\/span><span style=\"font-weight: 400;\">otional value that they bring to the brands, companies, and products. In a nutshell, each color has its emotion. <\/span><span style=\"font-weight: 400;\">This means you can trigger these emotions by simply adding colors in the key points of the journey.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10510 size-full\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/triggers.png\" alt=\"\" width=\"879\" height=\"973\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/triggers.png 879w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/triggers-181x200.png 181w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/triggers-361x400.png 361w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/triggers-768x850.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/triggers-418x463.png 418w\" sizes=\"auto, (max-width: 879px) 100vw, 879px\" \/><\/p>\n<p style=\"text-align: center;\"><a title=\"Source\" href=\"https:\/\/www.conversioner.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Red<\/b><span style=\"font-weight: 400;\"> \u2014 action; effective for impulse purchases.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Orange<\/b><span style=\"font-weight: 400;\"> \u2014 optimism; go-to color for conversion elements in clean, simple-looking websites.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Yellow<\/b><span style=\"font-weight: 400;\"> \u2014 happiness; this serotonin-increasing hue makes the <\/span><a href=\"https:\/\/onextrapixel.com\/anatomy-of-colors-in-web-design-yellow-and-the-sunshine-feel\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">perfect cheerful background<\/span><\/a><span style=\"font-weight: 400;\"> for the website.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Green<\/b><span style=\"font-weight: 400;\"> \u2014 hope; makes an attractive CTA and buy button choice.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Lighter blue<\/b><span style=\"font-weight: 400;\"> \u2014 freedom; use when you want your customer to relax.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Blue<\/b><span style=\"font-weight: 400;\"> \u2014 reliability; a good choice for background and websites that deal with finances and precision.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Purple<\/b><span style=\"font-weight: 400;\"> \u2014 sophistication; good choice for menu items or conversion elements on sites with lots of white and black.<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Add_trends_to_the_taste\"><\/span><strong>Add trends to the taste<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><b>Awwwwwww<\/b><span style=\"font-weight: 400;\"> is the web-design awards that track the outstanding pages on the world wide web since 2006. Take a look into their <\/span><a href=\"https:\/\/www.awwwards.com\/trendy-web-color-palettes-and-material-design-color-schemes-tools.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">website color schemes trends<\/span><\/a><span style=\"font-weight: 400;\"> for 2019, or crawl all over this cool scraped infographic showing the 3-color schemes for every winning website since 2006. <\/span><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10417 size-full\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/color-palettes-matt-2.png\" alt=\"\" width=\"941\" height=\"571\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/color-palettes-matt-2.png 941w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/color-palettes-matt-2-200x121.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/color-palettes-matt-2-400x243.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/color-palettes-matt-2-768x466.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/color-palettes-matt-2-418x254.png 418w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><br \/>\n<\/span><\/p>\n<p><b>Pantone<\/b><span style=\"font-weight: 400;\"> is a color authority that is impossible to ignore. In your search for trendy color solutions, make sure you check out their \u201c<\/span><a href=\"https:\/\/www.pantone.com\/color-intelligence\/color-of-the-year\/color-of-the-year-2019\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">Color of the year<\/span><\/a><span style=\"font-weight: 400;\">\u201d page.<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Wrap-up\"><\/span><strong>Wrap-up<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When picking your website color scheme, you should think about your category, industry, business goals, your target audience, and customer journey. Stick to your brand essence, be consistent, A\/B test your colors constantly, and you will drastically improve not just your customer experience, but also your personal revenue. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Thinking about a new website? C<\/span><span style=\"font-weight: 400;\">heck<\/span> <a href=\"https:\/\/weblium.com\/templates\/\"><span style=\"font-weight: 400;\">Weblium<\/span><span style=\"font-weight: 400;\"> catalog<\/span><\/a><span style=\"font-weight: 400;\"> to find color-proven, effective and trending templates.\u00a0<\/span><\/p>\n<p><iframe class=\"ginger-extension-definitionpopup\" style=\"display: none;\"><\/iframe><\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 384px; top: 11119px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that the website color scheme can affect your revenue as much as $10 million annually? According to Harward Business Review, in 2013, Bing, a search engine by Microsoft, ran a set of experiments with the colors of their titles, links, and captions. It turned out the users who saw slightly darker blues &hellip;<\/p>\n","protected":false},"author":13,"featured_media":10446,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[123],"tags":[],"class_list":["post-10413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","has-thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Choose the Right Color Scheme for a Website - Weblium Blog<\/title>\n<meta name=\"description\" content=\"Did you know that the website color scheme can affect your revenue as much as $10 million annually? Find out how to create the right color scheme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Choose the Right Color Scheme for a Website - Weblium Blog\" \/>\n<meta property=\"og:description\" content=\"Did you know that the website color scheme can affect your revenue as much as $10 million annually? Find out how to create the right color scheme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblium Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weblium\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-30T12:47:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-19T19:49:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2155\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ivanna\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Weblium\" \/>\n<meta name=\"twitter:site\" content=\"@Weblium\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ivanna\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/\"},\"author\":{\"name\":\"Ivanna\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/89be26083406bd14bf1697c04209a31a\"},\"headline\":\"How to Choose the Right Color Scheme for a Website\",\"datePublished\":\"2020-01-30T12:47:50+00:00\",\"dateModified\":\"2024-12-19T19:49:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/\"},\"wordCount\":1615,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-1020315.jpeg\",\"articleSection\":[\"How To\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/\",\"name\":\"How to Choose the Right Color Scheme for a Website - Weblium Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-1020315.jpeg\",\"datePublished\":\"2020-01-30T12:47:50+00:00\",\"dateModified\":\"2024-12-19T19:49:35+00:00\",\"description\":\"Did you know that the website color scheme can affect your revenue as much as $10 million annually? Find out how to create the right color scheme.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-1020315.jpeg\",\"contentUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-1020315.jpeg\",\"width\":2155,\"height\":1500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/how-to-choose-the-right-color-scheme-for-a-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"For Startups\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/for-startups\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/for-startups\\\/how-to\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Choose the Right Color Scheme for a Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"name\":\"Weblium Blog\",\"description\":\"Weblium Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.en.weblium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\",\"name\":\"Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"contentUrl\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"width\":200,\"height\":200,\"caption\":\"Weblium\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weblium\\\/\",\"https:\\\/\\\/x.com\\\/Weblium\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/89be26083406bd14bf1697c04209a31a\",\"name\":\"Ivanna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/791571abce44f525f0de7c192206a9ad24ed3516493b4eabb0d3041896e0f27f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/791571abce44f525f0de7c192206a9ad24ed3516493b4eabb0d3041896e0f27f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/791571abce44f525f0de7c192206a9ad24ed3516493b4eabb0d3041896e0f27f?s=96&d=mm&r=g\",\"caption\":\"Ivanna\"},\"description\":\"Content Marketer at Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/author\\\/ivanka\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Choose the Right Color Scheme for a Website - Weblium Blog","description":"Did you know that the website color scheme can affect your revenue as much as $10 million annually? Find out how to create the right color scheme.","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:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Choose the Right Color Scheme for a Website - Weblium Blog","og_description":"Did you know that the website color scheme can affect your revenue as much as $10 million annually? Find out how to create the right color scheme.","og_url":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/","og_site_name":"Weblium Blog","article_publisher":"https:\/\/www.facebook.com\/weblium\/","article_published_time":"2020-01-30T12:47:50+00:00","article_modified_time":"2024-12-19T19:49:35+00:00","og_image":[{"width":2155,"height":1500,"url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg","type":"image\/jpeg"}],"author":"Ivanna","twitter_card":"summary_large_image","twitter_creator":"@Weblium","twitter_site":"@Weblium","twitter_misc":{"Written by":"Ivanna","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#article","isPartOf":{"@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/"},"author":{"name":"Ivanna","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/89be26083406bd14bf1697c04209a31a"},"headline":"How to Choose the Right Color Scheme for a Website","datePublished":"2020-01-30T12:47:50+00:00","dateModified":"2024-12-19T19:49:35+00:00","mainEntityOfPage":{"@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/"},"wordCount":1615,"commentCount":3,"publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"image":{"@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg","articleSection":["How To"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/","url":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/","name":"How to Choose the Right Color Scheme for a Website - Weblium Blog","isPartOf":{"@id":"https:\/\/${domain}\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#primaryimage"},"image":{"@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg","datePublished":"2020-01-30T12:47:50+00:00","dateModified":"2024-12-19T19:49:35+00:00","description":"Did you know that the website color scheme can affect your revenue as much as $10 million annually? Find out how to create the right color scheme.","breadcrumb":{"@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#primaryimage","url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg","contentUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg","width":2155,"height":1500},{"@type":"BreadcrumbList","@id":"https:\/\/${domain}\/blog\/how-to-choose-the-right-color-scheme-for-a-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/${domain}\/blog\/"},{"@type":"ListItem","position":2,"name":"For Startups","item":"https:\/\/${domain}\/blog\/category\/for-startups\/"},{"@type":"ListItem","position":3,"name":"How To","item":"https:\/\/${domain}\/blog\/category\/for-startups\/how-to\/"},{"@type":"ListItem","position":4,"name":"How to Choose the Right Color Scheme for a Website"}]},{"@type":"WebSite","@id":"https:\/\/${domain}\/blog\/#website","url":"https:\/\/${domain}\/blog\/","name":"Weblium Blog","description":"Weblium Blog","publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/${domain}\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/${domain}\/blog\/#organization","name":"Weblium","url":"https:\/\/${domain}\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","contentUrl":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","width":200,"height":200,"caption":"Weblium"},"image":{"@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weblium\/","https:\/\/x.com\/Weblium"]},{"@type":"Person","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/89be26083406bd14bf1697c04209a31a","name":"Ivanna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/791571abce44f525f0de7c192206a9ad24ed3516493b4eabb0d3041896e0f27f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/791571abce44f525f0de7c192206a9ad24ed3516493b4eabb0d3041896e0f27f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/791571abce44f525f0de7c192206a9ad24ed3516493b4eabb0d3041896e0f27f?s=96&d=mm&r=g","caption":"Ivanna"},"description":"Content Marketer at Weblium","url":"https:\/\/${domain}\/blog\/author\/ivanka\/"}]}},"jetpack_featured_media_url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-1020315.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/10413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/comments?post=10413"}],"version-history":[{"count":17,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/10413\/revisions"}],"predecessor-version":[{"id":24984,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/10413\/revisions\/24984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media\/10446"}],"wp:attachment":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media?parent=10413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/categories?post=10413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/tags?post=10413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}