{"id":962,"date":"2018-09-03T12:38:14","date_gmt":"2018-09-03T11:38:14","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=962"},"modified":"2023-08-03T15:13:32","modified_gmt":"2023-08-03T14:13:32","slug":"choosing-three-colours-for-your-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/","title":{"rendered":"Choosing three colours for your web design"},"content":{"rendered":"<p>Great web design is all about balancing the right colour scheme, with quality, professional images, and text elements that really stand out, in a practical and effective layout. This means that choosing the right colours and colour scheme for your website is imperative. It is widely accepted that a palette of no more than 3 colours should be used when creating a stunning website. So how do you choose those three colours? And how can you combine them effectively together? Well,\u00a0here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester,<\/a> we are Manchester&#8217;s leading<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-micro-moments-for-web-design\/\"> web design<\/a> experts. And we work with companies and business in a variety of sectors, to produce stunning web design solutions. As a result, we have produced this guide to choosing three colours for your web design.<\/p>\n<h2>Choosing three colours for your web design<\/h2>\n<ul>\n<li><strong><em>Choose complimentary colours-<\/em><\/strong> the three colours you choose need to balance effectively with one another. This is why you should choose complimentary colours, instead of contrasting colours. Different shades of the same colour can also work very well throughout web design.<\/li>\n<li><em><strong>Decide how to use each colour-<\/strong><\/em> one colour will be the background or hero colour, and the other two will be used to accentuate different elements and draw attention to different features of the web design. Play around with your design until you have the right colours for the right roles.<\/li>\n<li><em><strong>Contrast-<\/strong><\/em> Although your colours need to complement each other, there needs to be a good amount of contrast between the text and the background. So if you want to use colourful headings, to direct attention, you need to make sure the colour of the text, stands out from the background colour.<\/li>\n<li><em><strong>Company branding-<\/strong> <\/em>consider your company branding when choosing the colours you will use. Your website needs to be an extension of your physical presence. So if your business in the real world uses a particular colour palette, your business in the digital world should too.<\/li>\n<li><strong><em>Company personality-<\/em><\/strong>\u00a0different companies have different personalities. If you are aiming to be a fun, creative company, you need fun and creative colours. On the other hand, a more serious website would benefit from refined colours.<\/li>\n<li><strong><em>Colour psychology-<\/em><\/strong> certain colours are linked with certain emotions, and actions. And researching colour psychology, and applying it to your web design, could have an incredibly beneficial result for your company.<\/li>\n<\/ul>\n<h2>Using three colours effectively<\/h2>\n<p>Once you have chosen your colours, you can consider how to use these colours effectively. This can include:<\/p>\n<ul>\n<li><em><strong>drawing attention to elements-<\/strong><\/em> the main purpose of colour in your web design is to draw and direct attention to different elements. This includes text elements, as well as images and buttons.<\/li>\n<li><em><strong>navigation support-<\/strong><\/em> using colours to code your navigation bar into sections and sub sections can be very helpful for potential customers who are trying to find something in particular. Dividing with colours is a good way to make your navigation bar easier to use and more effective.<\/li>\n<\/ul>\n<p>For more information or advice, get in touch with the experts today here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Great web design is all about balancing the right colour scheme, with quality, professional images, and text elements that really stand out, in a practical and effective layout. This means that choosing the right colours and colour scheme for your website is imperative. It is widely accepted that a palette of no more than 3 [&#8230;]\n","protected":false},"author":2,"featured_media":455,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Choosing three colours for your web design - Pumpkin Web Design Manchester<\/title>\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.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Choosing three colours for your web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Great web design is all about balancing the right colour scheme, with quality, professional images, and text elements that really stand out, in a practical and effective layout. This means that choosing the right colours and colour scheme for your website is imperative. It is widely accepted that a palette of no more than 3 [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-03T11:38:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T14:13:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/Colour-schemes-and-website-design-340x340.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/\",\"name\":\"Choosing three colours for your web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2018-09-03T11:38:14+00:00\",\"dateModified\":\"2023-08-03T14:13:32+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Choosing three colours for your web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Choosing three colours for your web design - Pumpkin Web Design Manchester","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.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Choosing three colours for your web design - Pumpkin Web Design Manchester","og_description":"Great web design is all about balancing the right colour scheme, with quality, professional images, and text elements that really stand out, in a practical and effective layout. This means that choosing the right colours and colour scheme for your website is imperative. It is widely accepted that a palette of no more than 3 [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2018-09-03T11:38:14+00:00","article_modified_time":"2023-08-03T14:13:32+00:00","og_image":[{"width":340,"height":340,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/05\/Colour-schemes-and-website-design-340x340.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/","name":"Choosing three colours for your web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2018-09-03T11:38:14+00:00","dateModified":"2023-08-03T14:13:32+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/choosing-three-colours-for-your-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Choosing three colours for your web design"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/962"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=962"}],"version-history":[{"count":1,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/962\/revisions"}],"predecessor-version":[{"id":12820,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/962\/revisions\/12820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/455"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}