{"id":972,"date":"2021-09-01T12:31:57","date_gmt":"2021-09-01T12:31:57","guid":{"rendered":"https:\/\/www.mavencluster.com\/blog\/?p=972"},"modified":"2021-09-02T05:40:48","modified_gmt":"2021-09-02T05:40:48","slug":"guide-to-choosing-colours-for-web-design","status":"publish","type":"post","link":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/","title":{"rendered":"How to Choose the Right Colours for Your Web Design?"},"content":{"rendered":"\n<p>What if I tell you that purchasing decisions of <strong>85% shoppers<\/strong> are based on colour? In fact, <strong>52% of people<\/strong> suggest that they would not return to a website if it\u2019s not aesthetically pleasing. Yes, this is true! The way you choose and use different colours in your web design can influence purchasing decisions, bounce rates, user experiences and even <a href=\"https:\/\/www.mavencluster.com\/blog\/top-15-reasons-to-choose-seo-for-website\/\"><strong>Search Engine Optimisation<\/strong> <\/a>results. But, why is it so? The answer is quite straightforward: humans are visually-driven beings.<\/p>\n\n\n\n<p>Just look at the homepage of Panic &#8211; a design and animation studio. Can you notice how awe-inspiring their colour scheme is? They tend to have a distinct colour palette in their web design, which nicely associates with their brand. Impressive; isn\u2019t it?&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/12eXS-di430VCfKdlaukYAjEGyrJQG_gd7EFNLdDbagOSS6IxwY3HsH74OIAocr8dxYrC5oc1tdrFXKiiy8UX22-77uw8avjf073MIL_sliUw9GYpF5WitFAgMIgiI79f1Lou8g=s0\" alt=\"Web Design Colour Palette for Home Page\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"has-accent-color has-text-color wp-block-heading\"><strong>What Effects Different Colours Generate?<\/strong><\/h2>\n\n\n\n<p>Colours trigger certain emotions and there is a psychology behind each one of them. For instance, blue can make you feel calm, whereas, red evokes danger. The impact of a certain colour depends hugely on its brightness, shade and tone. Let\u2019s have a look at some of the major colours and their effects:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u25cf <strong>Warm Colours&nbsp;<\/strong><\/h3>\n\n\n\n<p>Red, orange and yellow are warm colours and mostly evoke happiness, optimism and energy. You can use them to create an attention-grabbing effect for your calls-to-action (CTAs).&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u25cf <strong>Cool Colours&nbsp;<\/strong><\/h3>\n\n\n\n<p>Cool colours are generally green, blue and purple. They are calming and soothing and often express sadness. You can use purple to spark creativity, as it is a mixture of blue and red.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u25cf <strong>Happy Colours&nbsp;<\/strong><\/h3>\n\n\n\n<p>Happy colours are bright and warm. They include yellow, orange, pink and red. When used correctly, these colours can create an uplifting effect on your mood. The brighter the colour, the more optimistic it will be.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u25cf <strong>Sad Colours<\/strong><\/h3>\n\n\n\n<p>Sad colours are dark and muted, such as grey, blue, green and brown. These colours are quintessentially categorised as sad, and often include black and white.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u25cf <strong>Energising Colours&nbsp;<\/strong><\/h3>\n\n\n\n<p>Strong, bright and neon colours can generate powerful emotions. The right use of bright red or neon green can make you feel energised. However, the wrong use of these colours can be irritating to the eyes.&nbsp;<\/p>\n\n\n\n<h2 class=\"has-accent-color has-text-color wp-block-heading\"><strong>Why your Website Colours are Important?<\/strong><\/h2>\n\n\n\n<p>There are some businesses that might think of colours as another background element for their websites, but the reality is different. To give you some insights, let\u2019s talk about a few good reasons why your choice of colours matters:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2714 <strong>They Create a First Impression&nbsp;<\/strong><\/h3>\n\n\n\n<p>While designing or <a href=\"https:\/\/www.mavencluster.com\/blog\/reasons-to-redesign-existing-website\/\"><strong>redesigning a website<\/strong><\/a>, most people focus on the first impression it will generate on a visitor. That\u2019s where colours come into action and help websites create an ever-lasting impression on a visitor\u2019s mind.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2714 <strong>They Increase Readability&nbsp;<\/strong><\/h3>\n\n\n\n<p>The colours you choose play a significant role when it comes to your website\u2019s readability. Apart from creating emotional connections, they make things easier on the eyes. Depending on your content and web design, your choice of colours will play a significant role in the dynamic of your conversation.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2714 <strong>They Make Essential Elements Stand Out&nbsp;<\/strong><\/h3>\n\n\n\n<p>A well-thought-out colour contrast makes certain elements stand out. When you use a matching colour palette, your website visitors won\u2019t get distracted from the content. For instance, using bold coloured CTAs usually attracts attention.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2714 <strong>They Represent your Brand Visually&nbsp;<\/strong><\/h3>\n\n\n\n<p>Your choice of colour scheme is your visual identity and resonates in the minds of your prospective customers. That\u2019s the reason why some colours have become associated with particular brands, such as the red color with Coca-Cola.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/pQlzTXrf2JHRDa1_4DzRBUI7cfvHQvNMvW29c-zXvHMfPKpiOb-desorQB0odD1J8-VKKBROg6cyLFh1sIZRLMmi0jZiRDIcOUfg6yJvIvq00OzKjtmic1z3fg8fkN1f902a-58=s0\" alt=\"Colour That Represent Brand\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"has-accent-color has-text-color wp-block-heading\"><strong>How to Choose the Right Colours for Your Website?&nbsp;<\/strong><\/h2>\n\n\n\n<p>Trusting your intuition and taste isn\u2019t always the right approach when it comes to picking the best colour palette for your website. Fortunately, you can follow the followings steps to achieve the <a href=\"https:\/\/www.digitalpieces.com.au\/webdesign\/7-web-design-development-terms-explained\/\"><strong>best website design<\/strong><\/a><strong>.<\/strong> Ready to make your website stand out in a pool of drab designs? Let\u2019s get to work!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc4d <strong>Select Your Primary Colour&nbsp;<\/strong><\/h3>\n\n\n\n<p>To start mixing your colours, the first thing you need to do is selecting the primary colour for your brand. This particular colour should represent your logo, story, message and other brand materials. One of the best ways to decide on your primary colour is to think about your products or services. Peruse a primary colour that nicely represents what your brand offers. For example:&nbsp;<\/p>\n\n\n\n<ul><li>McDonald\u2019s: Yellow implies optimism and happiness.&nbsp;<\/li><li>Animal Planet: Green represents freshness and nature<\/li><li>Walmart: Blue suggests dependability and reassurance.&nbsp;<\/li><li>Adidas: Black implies luxury and elegance.&nbsp;<\/li><li>Apple: White stands for sleek and user-friendly products.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc4d <strong>Include Some Additional Colours (If Required)&nbsp;<\/strong><\/h3>\n\n\n\n<p>Done selecting your primary colour? Now, choose the additional colours that will complement your web design<strong>.<\/strong> Here, a good starting point is to pick those colours that are a counterpart of your primary colour. For instance, a red circle on a black background pops a little more than a yellow or blue circle. It\u2019s always a good idea to use additional colours to highlight important features for your readers. While <a href=\"https:\/\/www.mavencluster.com\/blog\/27-research-backed-design-ideas-business-website\/\"><strong>designing your website<\/strong><\/a>, try not to use too many colours on top of your primary colour.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc4d <strong>Choose Your Background Colour&nbsp;<\/strong><\/h3>\n\n\n\n<p>This one is important: the background of your website supposedly covers more space than any other colour. Here, you can choose a muted version of your primary colour to empower your branding. For instance, use a white or grey overlay on the background. This is also a great idea for text to show up. Alternatively, you can think about an off-white colour for the whole background, which is a common choice for many websites, such as Weebly.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/2x4qBli2MuCN8JmhIME8EITVkb4Kg4Nop1We6Rm9KlKFX9gqNAc7o9H1FwC8UwKjOiBepUQ3ZaDHrC8xRkZ236NqKYrIA-hDh7cRWrgGVKBdhrIY5WsLDN9ucWPX0KTn9zDIFok=s0\" alt=\"Background Colour for Website \"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udc4d <strong>Contrast the Colours&nbsp;<\/strong><\/h2>\n\n\n\n<p>The next step is contrasting the colours you have chosen so far. Contrast and saturation are impactful, especially, when you want to draw attention to certain parts of the page. While they are useful, they must be used sensibly.&nbsp;<\/p>\n\n\n\n<p>Using high contrast all throughout the website will minimise the readability and aesthetic appeal of that particular page. I, personally, would like to recommend you use a mid-level contrast for most of your website and high contrast for highlighting key elements, such as CTAs. Here\u2019s an example: WordStream uses an orange CTA on the off-white background, which is an excellent use of contrast.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/TyStRF9Yiptm-vsi900LiSemdBAgTbgO6GW3l45I_kUffsxaCpjZGuiW46Hn5z4q2kelgl-Mjn9zwbwIZCVkwtFpkOUr1P8EQeznKQiXdY5N-LOBroroAnv1G9e6TruLHr3D3xo=s0\" alt=\"WordSream Color Scheme\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc4d <strong>Develop Shades and Tints&nbsp;<\/strong><\/h3>\n\n\n\n<p>Once you have your colours in place, it\u2019s time to work on the colour scheme. Some websites choose only a single colour for their website, while others use different shades or tints to make things appealing. Though the choice is yours, it is not always great to use a primary colour throughout the entire <a href=\"https:\/\/www.mavencluster.com\/ui-ux-design-services\"><strong>web design<\/strong><\/a>. Instead, try to tone it down or brighten the tint to create subtle changes on your website. For example, you can choose lighter shades of your primary colour to represent particular sections of the website and darker shades for the \u201ccontact us\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udc4d <strong>Follow the 60-30-10 Rule for Mixing&nbsp;<\/strong><\/h2>\n\n\n\n<p>This rule is simple but powerful when it comes to mixing different colours. If you want to create harmony, choose three different colours and combine them in the proportion of 60% (primary colour), 30% (secondary colour) and 10% (tertiary colour). It is not always necessary to go with three colours, but it is a great number to be balanced. Also, this proportion is pleasant to our eyes because it helps visual elements to emerge gradually.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc4d <strong>Choose a Typeface Colour&nbsp;<\/strong><\/h3>\n\n\n\n<p>The final step of your colourful web design journey is nailing down a typeface colour. You might think black is the right option, but you\u2019ll actually find out that using purely black typefaces is not the best choice. In fact, it isn\u2019t as common as you would think. A purely black typeface on a purely white background can strain your eyes. This is because of a 100% contrast.&nbsp;<\/p>\n\n\n\n<p style=\"background-color:#efd2da\" class=\"has-background has-large-font-size\"><strong>Read Also, <\/strong><a href=\"https:\/\/www.mavencluster.com\/blog\/19-things-every-company-website-should-include-in-design\/\"><strong>Top Things Every Company Website Should Include<\/strong><\/a><\/p>\n\n\n\n<p>While using coloured typefaces should be reserved for specific elements, such as CTAs, you can use grey to give your website a softer look. Keep in mind that, there isn\u2019t much room for experimentation when it comes to a typeface colour.&nbsp;<\/p>\n\n\n\n<h2 class=\"has-accent-color has-text-color wp-block-heading\"><strong>Dos and Don\u2019ts to Ensure a Striking Colour Palette&nbsp;<\/strong><\/h2>\n\n\n\n<p>Now that you know why your website colours matter and how to choose them, I want to bring your attention to some dos and don\u2019ts. Just familiarise yourself with these things before you <a href=\"https:\/\/www.mavencluster.com\/hire-website-designer\"><strong>hire a web design agency<\/strong><\/a><strong>.&nbsp;<\/strong><\/p>\n\n\n\n<ul><li>Do use white space to enhance the readability of dark text.<\/li><li>Don\u2019t make saturation inconsistent for your website users.&nbsp;<\/li><li>Don\u2019t just use your favourite colours. Be unbiased.&nbsp;<\/li><li>Keep your colour scheme simple, complimentary and intuitive.&nbsp;<\/li><li>Avoid using a dark background with light text since it may seem esoteric.<\/li><li>Do consider gender if your brand caters to a specific gender.&nbsp;<\/li><li>Don\u2019t use too many colours on your website.&nbsp;<\/li><li>Do use neutral colours or shades to balance your website images.<\/li><li>Don\u2019t be afraid to use different online resources or tools.&nbsp;&nbsp;<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>The Bottom Line: Colours Bring Web Designs to Life<\/strong><\/h4>\n\n\n\n<p>There is no need to be a renowned web designer to come up with a stunning website colour scheme. It\u2019s just a matter of understanding colour psychology. In the long run, this approach will allow you to make an emotional bond with your website visitors, which will contribute to a higher conversion rate and a lower bounce rate.&nbsp;<\/p>\n\n\n\n<p>Hopefully, you\u2019ve found this writing piece helpful. Thanks for reading!<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>More than anything, it\u2019s your colour scheme that shouts out loud when a visitor land on your website. To make it stand out, here are a few important things to keep in mind.<\/p>\n","protected":false},"author":2,"featured_media":976,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[91],"tags":[485,481,483,484,482,487,486,248],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Choosing the Right Colours for your Web Design: Dos and Don\u2019ts<\/title>\n<meta name=\"description\" content=\"Colours play a significant role in every web design. Here\u2019s an informative article to bring your attention to the importance of colour psychology in web designs.\" \/>\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.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Choosing the Right Colours for your Web Design: Dos and Don\u2019ts\" \/>\n<meta property=\"og:description\" content=\"Colours play a significant role in every web design. Here\u2019s an informative article to bring your attention to the importance of colour psychology in web designs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Maven Cluster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/shawez.shaikh.5\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/faheem.hasan\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-01T12:31:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-02T05:40:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mavencluster.com\/blog\/wp-content\/uploads\/2021\/09\/Tips-to-Picking-a-Website-Colour-Scheme.png\" \/>\n\t<meta property=\"og:image:width\" content=\"725\" \/>\n\t<meta property=\"og:image:height\" content=\"405\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Faheem Hasan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@faheemhasan\" \/>\n<meta name=\"twitter:site\" content=\"@ShawezITsales\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Faheem Hasan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\"},\"author\":{\"name\":\"Faheem Hasan\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/42a7e5efce88e950004a4456d3a37d71\"},\"headline\":\"How to Choose the Right Colours for Your Web Design?\",\"datePublished\":\"2021-09-01T12:31:57+00:00\",\"dateModified\":\"2021-09-02T05:40:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\"},\"wordCount\":1604,\"publisher\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/8bd3fe5f1acc5c08266433e17d0e243e\"},\"keywords\":[\"Choose Right Colours\",\"Colour Palette\",\"Colour Psychology\",\"Colour Scheme\",\"Colourful Web Design\",\"Importance of Colour\",\"Striking Colour Palette\",\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\",\"url\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\",\"name\":\"Choosing the Right Colours for your Web Design: Dos and Don\u2019ts\",\"isPartOf\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#website\"},\"datePublished\":\"2021-09-01T12:31:57+00:00\",\"dateModified\":\"2021-09-02T05:40:48+00:00\",\"description\":\"Colours play a significant role in every web design. Here\u2019s an informative article to bring your attention to the importance of colour psychology in web designs.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mavencluster.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Choose the Right Colours for Your Web Design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#website\",\"url\":\"https:\/\/www.mavencluster.com\/blog\/\",\"name\":\"Maven Cluster\",\"description\":\"Professional IT Company for Startups\",\"publisher\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/8bd3fe5f1acc5c08266433e17d0e243e\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mavencluster.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/8bd3fe5f1acc5c08266433e17d0e243e\",\"name\":\"Shawez Shaikh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.mavencluster.com\/blog\/wp-content\/uploads\/2020\/04\/Shawez-Shaikh.jpg\",\"contentUrl\":\"https:\/\/www.mavencluster.com\/blog\/wp-content\/uploads\/2020\/04\/Shawez-Shaikh.jpg\",\"width\":300,\"height\":300,\"caption\":\"Shawez Shaikh\"},\"logo\":{\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Shawez Shaikh is an expert when it comes to IT Sales and Consultancy. Having a deep experience of more than 10 years in IT Services, Software Sales and Digital marketing services .\",\"sameAs\":[\"https:\/\/www.mavencluster.com\",\"https:\/\/www.facebook.com\/shawez.shaikh.5\",\"https:\/\/www.instagram.com\/shawez.shaikh_indore\/\",\"https:\/\/www.linkedin.com\/in\/shawezshaikh\",\"https:\/\/twitter.com\/ShawezITsales\",\"https:\/\/pinterest.com\/shawezshaikh\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/42a7e5efce88e950004a4456d3a37d71\",\"name\":\"Faheem Hasan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/da33a9c11e4e4bbcfb8f330cb61bf145?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/da33a9c11e4e4bbcfb8f330cb61bf145?s=96&d=mm&r=g\",\"caption\":\"Faheem Hasan\"},\"description\":\"Faheem Hasan carries technical expertise that is matchless. He has a vision to cater the world towards innovative solutions with his exciting team of dedicated developers.\",\"sameAs\":[\"http:\/\/hasanfaheem.medium.com\",\"https:\/\/www.facebook.com\/faheem.hasan\",\"https:\/\/www.linkedin.com\/in\/faheemhasan\/\",\"https:\/\/pinterest.com\/hasanfaheem\/\",\"https:\/\/twitter.com\/@faheemhasan\"],\"url\":\"https:\/\/www.mavencluster.com\/blog\/author\/faheemhasan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Choosing the Right Colours for your Web Design: Dos and Don\u2019ts","description":"Colours play a significant role in every web design. Here\u2019s an informative article to bring your attention to the importance of colour psychology in web designs.","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.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Choosing the Right Colours for your Web Design: Dos and Don\u2019ts","og_description":"Colours play a significant role in every web design. Here\u2019s an informative article to bring your attention to the importance of colour psychology in web designs.","og_url":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/","og_site_name":"Maven Cluster","article_publisher":"https:\/\/www.facebook.com\/shawez.shaikh.5","article_author":"https:\/\/www.facebook.com\/faheem.hasan","article_published_time":"2021-09-01T12:31:57+00:00","article_modified_time":"2021-09-02T05:40:48+00:00","og_image":[{"width":725,"height":405,"url":"https:\/\/www.mavencluster.com\/blog\/wp-content\/uploads\/2021\/09\/Tips-to-Picking-a-Website-Colour-Scheme.png","type":"image\/png"}],"author":"Faheem Hasan","twitter_card":"summary_large_image","twitter_creator":"@faheemhasan","twitter_site":"@ShawezITsales","twitter_misc":{"Written by":"Faheem Hasan","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/#article","isPartOf":{"@id":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/"},"author":{"name":"Faheem Hasan","@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/42a7e5efce88e950004a4456d3a37d71"},"headline":"How to Choose the Right Colours for Your Web Design?","datePublished":"2021-09-01T12:31:57+00:00","dateModified":"2021-09-02T05:40:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/"},"wordCount":1604,"publisher":{"@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/8bd3fe5f1acc5c08266433e17d0e243e"},"keywords":["Choose Right Colours","Colour Palette","Colour Psychology","Colour Scheme","Colourful Web Design","Importance of Colour","Striking Colour Palette","Web Design"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/","url":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/","name":"Choosing the Right Colours for your Web Design: Dos and Don\u2019ts","isPartOf":{"@id":"https:\/\/www.mavencluster.com\/blog\/#website"},"datePublished":"2021-09-01T12:31:57+00:00","dateModified":"2021-09-02T05:40:48+00:00","description":"Colours play a significant role in every web design. Here\u2019s an informative article to bring your attention to the importance of colour psychology in web designs.","breadcrumb":{"@id":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mavencluster.com\/blog\/guide-to-choosing-colours-for-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mavencluster.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Choose the Right Colours for Your Web Design?"}]},{"@type":"WebSite","@id":"https:\/\/www.mavencluster.com\/blog\/#website","url":"https:\/\/www.mavencluster.com\/blog\/","name":"Maven Cluster","description":"Professional IT Company for Startups","publisher":{"@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/8bd3fe5f1acc5c08266433e17d0e243e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mavencluster.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/8bd3fe5f1acc5c08266433e17d0e243e","name":"Shawez Shaikh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.mavencluster.com\/blog\/wp-content\/uploads\/2020\/04\/Shawez-Shaikh.jpg","contentUrl":"https:\/\/www.mavencluster.com\/blog\/wp-content\/uploads\/2020\/04\/Shawez-Shaikh.jpg","width":300,"height":300,"caption":"Shawez Shaikh"},"logo":{"@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/image\/"},"description":"Shawez Shaikh is an expert when it comes to IT Sales and Consultancy. Having a deep experience of more than 10 years in IT Services, Software Sales and Digital marketing services .","sameAs":["https:\/\/www.mavencluster.com","https:\/\/www.facebook.com\/shawez.shaikh.5","https:\/\/www.instagram.com\/shawez.shaikh_indore\/","https:\/\/www.linkedin.com\/in\/shawezshaikh","https:\/\/twitter.com\/ShawezITsales","https:\/\/pinterest.com\/shawezshaikh\/"]},{"@type":"Person","@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/42a7e5efce88e950004a4456d3a37d71","name":"Faheem Hasan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mavencluster.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/da33a9c11e4e4bbcfb8f330cb61bf145?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/da33a9c11e4e4bbcfb8f330cb61bf145?s=96&d=mm&r=g","caption":"Faheem Hasan"},"description":"Faheem Hasan carries technical expertise that is matchless. He has a vision to cater the world towards innovative solutions with his exciting team of dedicated developers.","sameAs":["http:\/\/hasanfaheem.medium.com","https:\/\/www.facebook.com\/faheem.hasan","https:\/\/www.linkedin.com\/in\/faheemhasan\/","https:\/\/pinterest.com\/hasanfaheem\/","https:\/\/twitter.com\/@faheemhasan"],"url":"https:\/\/www.mavencluster.com\/blog\/author\/faheemhasan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/posts\/972"}],"collection":[{"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/comments?post=972"}],"version-history":[{"count":6,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/posts\/972\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/posts\/972\/revisions\/980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/media\/976"}],"wp:attachment":[{"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/media?parent=972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/categories?post=972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mavencluster.com\/blog\/wp-json\/wp\/v2\/tags?post=972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}