{"id":310,"date":"2015-08-30T20:56:55","date_gmt":"2015-08-31T03:56:55","guid":{"rendered":"https:\/\/blog.opte.website\/?p=310"},"modified":"2018-05-16T13:17:34","modified_gmt":"2018-05-16T13:17:34","slug":"choosing-a-color-scheme-for-your-website","status":"publish","type":"post","link":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/","title":{"rendered":"Choosing a color scheme for your website"},"content":{"rendered":"<p><strong>You don\u2019t need to hire a Masters of the Arts to pick great colors for your website.<\/strong><\/p>\n<p>You just need\u00a0and a basic understanding of what\u00a0looks good and what doesn&#8217;t.<\/p>\n<p>Luckily for web people, choosing colors for your website has never been\u00a0easier. You can make as many mistakes as you need to and the possibilities for experimentation are endless. In this post we will highlight tips and tools for optimizing your website&#8217;s color scheme. First, three questions to ask yourself:<\/p>\n<ul>\n<li><strong>Does your website need to sync with an existing color scheme?<\/strong> This is often the case for business sites that need to reflect the branding that the company already uses. If you&#8217;re just starting a new online business, you&#8217;re free to get crazy with colors!<\/li>\n<li><strong>What\u2019s the\u00a0point of your website?<\/strong> If the purpose\u00a0is to sell something, the colors you pick will need to inspire the right kind of emotions in people. \u00a0This article on\u00a0<a href=\"http:\/\/fitzvillafuerte.com\/using-color-psychology-for-effective-business-marketing.html\" target=\"_blank\" rel=\"noopener\">color psychology in marketing<\/a>\u00a0has more info about that. If the aim is to display your own arts, a simple web color\u00a0scheme might make your physical work stick out more.<\/li>\n<li><strong>What kind of images and graphics\u00a0will you use?<\/strong> It\u2019s important that your color scheme matches your images, and vice versa. Photos can actually be a great source of inspiration when it comes to choosing colors for your site. If you are using a photo background, you might want to choose colors from the photo for your font colors, for example.<\/li>\n<\/ul>\n<h2>How many colors should you use?<\/h2>\n<p>This is a\u00a0very debatable\u00a0question, but many modern designers <strong>recommend using only 3 main colors on your website<\/strong>. The more colors you use, the harder it becomes to keep them all in harmony and create a balanced, consistent look for your website.<\/p>\n<p><strong>Adobe <\/strong>offers a great tool, aptly named <a href=\"https:\/\/color.adobe.com\/\" target=\"_blank\" rel=\"noopener\">Color<\/a>\u00a0for picking color schemes, with an easy to use interface that you might recognize from high school art class.<\/p>\n<p class=\"jetpack-slideshow-noscript robots-nocontent\">This slideshow requires JavaScript.<\/p><div id=\"gallery-310-1-slideshow\" class=\"jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black\" data-trans=\"fade\" data-autostart=\"1\" data-gallery=\"[{&quot;src&quot;:&quot;https:\\\/\\\/opte.io\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2015\\\/08\\\/Screen-Shot-2015-08-30-at-1.47.10-PM.jpg&quot;,&quot;id&quot;:&quot;311&quot;,&quot;title&quot;:&quot;Screen Shot 2015-08-30 at 1.47.10 PM&quot;,&quot;alt&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;itemprop&quot;:&quot;image&quot;}]\" itemscope itemtype=\"https:\/\/schema.org\/ImageGallery\"><\/div>\n<p>Another great color tool,\u00a0<a href=\"http:\/\/www.colourlovers.com\/\" target=\"_blank\" rel=\"noopener\">COULOURlovers<\/a><strong>\u00a0<\/strong>offers sample color schemes, trends and more for your designing pleasure.<\/p>\n<h2><span style=\"line-height: 1.5\">Shades and tones\u00a0<\/span><span style=\"line-height: 1.5\">don&#8217;t count!<\/span><\/h2>\n<p>Remember that you have a certain amount of room to move within each color. In many cases, you&#8217;ll want to mix up\u00a0your color options beyond just the 3\u00a0main colors. Rather than add new colors to your\u00a0site and risk spoiling the design, try different shades and tones of your existing colors instead.<\/p>\n<p>By lightening or darkening tones in certain places, you can create distinction without upsetting your beautiful\u00a0three color balance.<\/p>\n<p><strong>Remember,\u00a0keep it simple!<\/strong> The less distraction your viewer has from your messaging and branding, the better. So stick to simple and contrasting color schemes, for easy readability and to grab the viewer&#8217;s attention.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You don\u2019t need to hire a Masters of the Arts to pick great colors for your website. You just need\u00a0and a basic understanding of what\u00a0looks good and what doesn&#8217;t. Luckily for web people, choosing colors for your website has never been\u00a0easier. You can make as many mistakes as you need to and the possibilities for [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":312,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[9],"tags":[12,15],"class_list":["post-310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks","tag-color-schemes","tag-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.0 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Blog | OPTe<\/title>\n<meta name=\"description\" content=\"With these simple tools and tricks, choosing a color scheme for your website can be simple.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Choosing a color scheme for your website\" \/>\n<meta property=\"og:description\" content=\"With these simple tools and tricks, choosing a color scheme for your website can be simple.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog | OPTe\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-31T03:56:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-05-16T13:17:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"610\" \/>\n\t<meta property=\"og:image:height\" content=\"389\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"OPTe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@_opte\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"OPTe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\"},\"author\":{\"name\":\"OPTe\",\"@id\":\"https:\/\/opte.io\/blog\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5\"},\"headline\":\"Choosing a color scheme for your website\",\"datePublished\":\"2015-08-31T03:56:55+00:00\",\"dateModified\":\"2018-05-16T13:17:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\"},\"wordCount\":475,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/opte.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg\",\"keywords\":[\"color schemes\",\"design\"],\"articleSection\":[\"Tips &amp; Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\",\"url\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\",\"name\":\"\",\"isPartOf\":{\"@id\":\"https:\/\/opte.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg\",\"datePublished\":\"2015-08-31T03:56:55+00:00\",\"dateModified\":\"2018-05-16T13:17:34+00:00\",\"description\":\"With these simple tools and tricks, choosing a color scheme for your website can be simple.\",\"breadcrumb\":{\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage\",\"url\":\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg\",\"contentUrl\":\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg\",\"width\":610,\"height\":389},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/opte.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Choosing a color scheme for your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/opte.io\/blog\/#website\",\"url\":\"https:\/\/opte.io\/blog\/\",\"name\":\"Blog | OPTe\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/opte.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/opte.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/opte.io\/blog\/#organization\",\"name\":\"OPTe\",\"url\":\"https:\/\/opte.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/opte.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2022\/10\/OPTe_icon_512.png\",\"contentUrl\":\"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2022\/10\/OPTe_icon_512.png\",\"width\":512,\"height\":512,\"caption\":\"OPTe\"},\"image\":{\"@id\":\"https:\/\/opte.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/opte.io\/blog\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5\",\"name\":\"OPTe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/opte.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/opte.io\/blog\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg\",\"contentUrl\":\"https:\/\/opte.io\/blog\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg\",\"caption\":\"OPTe\"},\"sameAs\":[\"https:\/\/opte.io\",\"https:\/\/x.com\/_opte\"],\"url\":\"https:\/\/opte.io\/blog\/author\/opte\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Blog | OPTe","description":"With these simple tools and tricks, choosing a color scheme for your website can be simple.","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:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/","og_locale":"en_US","og_type":"article","og_title":"Choosing a color scheme for your website","og_description":"With these simple tools and tricks, choosing a color scheme for your website can be simple.","og_url":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/","og_site_name":"Blog | OPTe","article_published_time":"2015-08-31T03:56:55+00:00","article_modified_time":"2018-05-16T13:17:34+00:00","og_image":[{"width":610,"height":389,"url":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg","type":"image\/jpeg"}],"author":"OPTe","twitter_card":"summary_large_image","twitter_creator":"@_opte","twitter_misc":{"Written by":"OPTe","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#article","isPartOf":{"@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/"},"author":{"name":"OPTe","@id":"https:\/\/opte.io\/blog\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5"},"headline":"Choosing a color scheme for your website","datePublished":"2015-08-31T03:56:55+00:00","dateModified":"2018-05-16T13:17:34+00:00","mainEntityOfPage":{"@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/"},"wordCount":475,"commentCount":0,"publisher":{"@id":"https:\/\/opte.io\/blog\/#organization"},"image":{"@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg","keywords":["color schemes","design"],"articleSection":["Tips &amp; Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/","url":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/","name":"","isPartOf":{"@id":"https:\/\/opte.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage"},"image":{"@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg","datePublished":"2015-08-31T03:56:55+00:00","dateModified":"2018-05-16T13:17:34+00:00","description":"With these simple tools and tricks, choosing a color scheme for your website can be simple.","breadcrumb":{"@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#primaryimage","url":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg","contentUrl":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg","width":610,"height":389},{"@type":"BreadcrumbList","@id":"https:\/\/opte.io\/blog\/choosing-a-color-scheme-for-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/opte.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Choosing a color scheme for your website"}]},{"@type":"WebSite","@id":"https:\/\/opte.io\/blog\/#website","url":"https:\/\/opte.io\/blog\/","name":"Blog | OPTe","description":"","publisher":{"@id":"https:\/\/opte.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/opte.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/opte.io\/blog\/#organization","name":"OPTe","url":"https:\/\/opte.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/opte.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2022\/10\/OPTe_icon_512.png","contentUrl":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2022\/10\/OPTe_icon_512.png","width":512,"height":512,"caption":"OPTe"},"image":{"@id":"https:\/\/opte.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/opte.io\/blog\/#\/schema\/person\/6e777933c535c6310ae27b6d2277fae5","name":"OPTe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/opte.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/opte.io\/blog\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg","contentUrl":"https:\/\/opte.io\/blog\/wp-content\/wphb-cache\/gravatar\/d4a\/d4ab6ab24622b43147efa0fa65089a1fx96.jpg","caption":"OPTe"},"sameAs":["https:\/\/opte.io","https:\/\/x.com\/_opte"],"url":"https:\/\/opte.io\/blog\/author\/opte\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/opte.io\/blog\/wp-content\/uploads\/sites\/3\/2015\/08\/color_scheme_02.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9MyNN-50","_links":{"self":[{"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/posts\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":0,"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/posts\/310\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/media\/312"}],"wp:attachment":[{"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/media?parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/categories?post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/opte.io\/blog\/wp-json\/wp\/v2\/tags?post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}