{"id":41042,"date":"2016-11-28T05:00:13","date_gmt":"2016-11-28T13:00:13","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=41042"},"modified":"2024-04-12T03:00:29","modified_gmt":"2024-04-12T10:00:29","slug":"color-combination-tips","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/color-combination-tips","title":{"rendered":"Totally Intuitive Tips to Design Color Combinations"},"content":{"rendered":"

As a designer, you think about a number of different elements before deciding on the final design. There are textures to use and patterns to choose from. You have to find the perfect font that matches your theme, as well as a few images here and there to send your audiences a clearer message.\nBut there’s one thing that proves to be just as important (if not more important at time) as all the other elements.\nThat’s color.<\/em>\nWhat makes it challenging to choose the perfect color combination for the project you’re working on is the fact that you literally have hundreds to choose from. How do you pick out the combination that can make your design stand out?\nHere are a few tips that can help you out:\n

<\/span>1. Apply a little psychology.<\/span><\/h2>\"apply-a-little-psychology\"<\/a>Source:<\/strong> Thelogocompany.net<\/a><\/em>

\nA few people are still raising their eyebrows over the thought that there’s psychology in color, too. But the hundreds and thousands of successful designs cannot hide the fact that it’s true – you need to dig deep into your audience’s psyche to make your color choice as effective as possible.\nGreen is often used for anything that’s fresh or relating to the environment. This is why you’ll see a lot of earth-friendly companies switching to this color. Red is frequently used for anything exciting and energy-filled, but it is also the preferred color for anything that symbolizes caution or danger.\nSo what does this have to do with your design? Basically, your color choice should trigger an emotion or reaction from whoever views your design. You have to make them excited if that’s the goal, make them hungry if your design relates to food, or make them cautious when your design pertains to danger. Choose the right color and you might send the wrong signals.\n<\/p>

<\/span>2. Know who your audience is.<\/span><\/h2>

\nEvery person has a distinct background, and color is involved in a lot of the things that make you who you are. In many Western cultures, for example, red is seen as a symbol of love, passion, and danger. In Asia, a lot of countries use red to depict prosperity, long life and happiness. Yellow is seen as a color of warmth and optimism in Western countries, but in Germany, people see yellow as a color of envy (an emotion that is represented by the color green in other places).\nNotice that colors have different symbolisms<\/a> depending on where you are and who you’re talking to. Because of this, you have to make sure you are well informed about who your audience is before making the right color choices to make your audience respond accordingly.\n<\/p>

<\/span>3. Look at the branding.<\/span><\/h2>\"pixty-app-branding-by-ramotion\"Pixty App Branding by Ramotion<\/em><\/a>

\nNo matter how excited you are to apply a breathtaking combination, having an existing branding guide could limit your choices. Branding has to be consistent all throughout. You can’t use a certain color scheme for your logos, and a different set of colors for your marketing materials. People are going to be confused about what you really represent, and brand recall becomes a huge challenge.\nIf there is an existing branding, make sure you stick to it no matter how revolutionary your new color scheme is.\n<\/p>

<\/span>4. Don’t overdo it.<\/span><\/h2>

\nJust because your client told you to make it colorful doesn’t mean that you can use every imaginable tint and shade on the planet. Too much color will not only make your design look messy and uncoordinated, it can also become an eyesore. Design a web page that has about 10 to 15 colors sticking out, and you’ll have people leaving the page before they can even look at your content.\nThree colors would be great, less is even better. You can choose a major color or two to highlight, then use another one to complement the two. You can choose more than three if absolutely necessary, but make sure they do not clash or overpower each other.\n<\/p>

<\/span>5. Play with shades and tints.<\/span><\/h2>\"chroma\"

\nStill feeling the need to add a few mote colors into the mix? No worries! Adding a few shades or tints could be the solution you’re looking for.\nShades are achieved by adding black to your main color. This means that the base color you’re using will become darker. Tints, on the other hand, are achieved when you add white to the base color. This means that you’ll achieve something lighter.\nThe great thing about using shades and tints is the fact that you’re still using the same base color, so you don’t lose consistency. However, you also get the variety that you want to add.\n<\/p>

<\/span>6. Use the right tools.<\/span><\/h2>

\nComing up with the right color scheme becomes easier and more effective if you use the right tools. The good news is, there are a lot of free tools out there that you can take advantage of. Adobe Color<\/a> is one great tool you can use to put different colors side by side and adjust each one according to the look you want to achieve. You can also browse through the color palettes other users have created, in case you need some inspiration from other creatives.\nColorotate<\/a> is a great app you can download from the AppStore, making it perfect for designers on the go. The great thing about this tool is in intuitiveness, allowing you to come up with color schemes based on uploaded images. Hoping to work on your computer using Photoshop instead of your iPad? Not a problem. You can connect your ColoRotate account to your Photoshop CS5 or CS6 to allow the app to automatically update background and foreground colors. You can also save the palettes you come up with on your desktop.\n<\/p>

<\/span>7. Don’t be afraid to experiment.<\/span><\/h2>\"niessen-de-vries\"Source:<\/strong> Grainedit.com<\/a><\/em>

\nFar too often, designers fall into the trap of relying too much on the things that inspire them that they fail to achieve a look that is truly original. This is especially true when it comes to color schemes.\nIf you want your work to stand out through color, don’t be afraid to step out of the mold and experiment. So what if today’s trends require more subdued colors? If you feel that brighter neon shades would match the design’s ultimate goal, then go for it!\nRemember that trends are there because someone ahead of you dared to experiment. As a designer who has original ideas, would you rather be the one who jumps in on every trend that comes along, or the one who comes up with the trends that everyone else will follow?\n<\/p>

<\/span>8. Don’t lose sight of the basics.<\/span><\/h2>

\nDesign theories may have evolved and designers may be stepping out of their comfort zones. But no matter what happens, you must never lose sight of the basics.\nKnow what your primary, secondary and tertiary colors are<\/a>. Know what complementary, analogous, triadic or monochromatic<\/a> means. Find out what the difference is between a tint and a shade<\/a>.\nRelying on your eyes (and instincts) will not cut it every time. Remember that the basics of color theory will always be the baseline. When you lose sight of what you really want to happen, going right back to color theory 101 would be the best way to pick yourself up and start thinking of fresh ideas once again.\n<\/p>

<\/span>9. Collect inspiration from everywhere.<\/span><\/h2>\"inspiration-is-everywhere\"

\nDid you stop in the middle of your walk through the park because of a jaw dropping scene that caught your eye? Take a picture of it. Remember that you have a lot of tools that allow you to upload an image and get the colors used in it. By having your own collection of these pieces of inspiration, you can have something to look back to when you feel you’ve run out of bright ideas to use.\n<\/p>

<\/span>10. Look at your Pantone set.<\/span><\/h2>

\nNo matter how hard you stare at your screen, there will be times when screen colors just won’t cut it. When this happens, here’s one simple advice – take out your Pantone set<\/a> from that bottom drawer and allow it to work its magic.\nComing up with the right color combinations<\/a> can be challenging work, but it’s not something you should lose your head over. With these tips, you can make sure every combination you use achieves the effect you’ve been hoping for all along. From there, you amplify the chances of your entire design becoming effective.\n<\/p>

Products Seen In This Post:<\/strong><\/p>
<\/figure>\n
<\/figure>\n
<\/figure>\n \n","protected":false},"excerpt":{"rendered":"

As a designer, you think about a number of different elements before deciding on the final design. There are textures to use and patterns to choose from. You have to find the perfect font that matches your theme, as well as a few images here and there to send your audiences a clearer message. But […]<\/p>\n","protected":false},"author":85,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[181,308,46],"topics":[1737],"class_list":["post-41042","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-color-theory","tag-psychology","tag-branding","topics-learn-color-theory"],"acf":[],"yoast_head":"\nTotally Intuitive Tips to Design Color Combinations - Creative Market Blog<\/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:\/\/creativemarket.com\/blog\/color-combination-tips\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Totally Intuitive Tips to Design Color Combinations\" \/>\n<meta property=\"og:description\" content=\"As a designer, you think about a number of different elements before deciding on the final design. There are textures to use and patterns to choose from.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/color-combination-tips\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-28T13:00:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T10:00:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/11\/12015336\/Apply-a-little-psychology.jpg.webp\" \/>\n<meta name=\"author\" content=\"Igor Ovsyannykov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Igor Ovsyannykov\" \/>\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\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips\",\"name\":\"Totally Intuitive Tips to Design Color Combinations - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/11\\\/12015336\\\/Apply-a-little-psychology.jpg.webp\",\"datePublished\":\"2016-11-28T13:00:13+00:00\",\"dateModified\":\"2024-04-12T10:00:29+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/51c825a5f6e7d07e39cb6b4674e2a4f1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/11\\\/12015336\\\/Apply-a-little-psychology.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/11\\\/12015336\\\/Apply-a-little-psychology.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/color-combination-tips#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Totally Intuitive Tips to Design Color Combinations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Totally Intuitive Tips to Design Color Combinations - Creative Market Blog","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:\/\/creativemarket.com\/blog\/color-combination-tips","og_locale":"en_US","og_type":"article","og_title":"Totally Intuitive Tips to Design Color Combinations","og_description":"As a designer, you think about a number of different elements before deciding on the final design. There are textures to use and patterns to choose from.","og_url":"https:\/\/creativemarket.com\/blog\/color-combination-tips","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-11-28T13:00:13+00:00","article_modified_time":"2024-04-12T10:00:29+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/11\/12015336\/Apply-a-little-psychology.jpg.webp","type":"","width":"","height":""}],"author":"Igor Ovsyannykov","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Igor Ovsyannykov","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/color-combination-tips","url":"https:\/\/creativemarket.com\/blog\/color-combination-tips","name":"Totally Intuitive Tips to Design Color Combinations - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/color-combination-tips#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/color-combination-tips#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/11\/12015336\/Apply-a-little-psychology.jpg.webp","datePublished":"2016-11-28T13:00:13+00:00","dateModified":"2024-04-12T10:00:29+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/51c825a5f6e7d07e39cb6b4674e2a4f1"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/color-combination-tips#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/color-combination-tips"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/color-combination-tips#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/11\/12015336\/Apply-a-little-psychology.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/11\/12015336\/Apply-a-little-psychology.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/color-combination-tips#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Totally Intuitive Tips to Design Color Combinations"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/41042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=41042"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/41042\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=41042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=41042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=41042"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=41042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}