Join the IMPACT coaches for a deep dive on a new topic every month in our free virtual event series.

Register Here
Close

Join the IMPACT coaches for a deep dive on a new topic every month in our free virtual event series.
Register Here
The Ultimate Inbound Marketing Strategy Playbook 2022

Take your inbound strategy to the next level

  • Master the 7 principles of highly effective inbound marketing
  • Dramatically improve your inbound sales
  • Get more buy-in at your company

Color Theory for Designers: A Crash Course [Infographic]

By Marcella Jalbert

Color Theory for Designers: A Crash Course [Infographic]

Color theory is something that has become second nature to all of us working in the design field, as instinctual as the shortcuts our fingers execute without really thinking about. It’s something we learned many moons ago, but not something we always get a chance to really meditate on.

 Join the IMPACT coaches for a deep dive on a new topic every month in our free virtual event series.

Oftentimes in creating a design, we make color choices based on our instincts, but we hardly ever stop and think of the why. Now and then, it’s a good idea to revisit our roots and get in touch with our foundation. Knowing solidly where your choices come from (and why!) gives you confidence in your work and the ability to speak on the designs you create.

Color can make or break a design simply because there is so much to consider. Micah Bowers (author and creator of the below infographic) of Toptal states, “Color is packed with properties, and each property has a wide range of possibilities.” This is why color, according to Bowers, can often be tricky to work with.

The following infographic is a great snapshot of some of those many rules and principles we call on daily when working with color in our designs -- whether we're looking to contrast, complement, and so on. It highlights 12 key takeaways that I believe are often pushed to the recesses of our active minds. This infographic will refresh our memories on some of the most important parts of color theory, but first let’s talk about a few of the standouts.

Color is psychological

We often have our own developed color associations, but colors already have their own built in set of associations. There is a set of psychological reactions that can be caused by the way you use a color. Like Bowers says, certain tones of blue can create a sense of sadness while others create a sense of water-like tranquility. Some yellows can create a sense of joy and lightness, while others create a sense of danger or anxiety.

Unconventional colors stand out

I almost always have one unconventional color (ie. a bright accent color) in any given color palette. It gives you more control in guiding the viewer's eyes. Often I will use this type of color for anything relating to a BOFU (or bottom of the funnel) offering -- this could be a button, supporting text, background pattern, or illustration. Using this method repeatedly subconsciously builds a set of rules in the user’s mind that this color holds important to your website, brand, or content.

Color accessibility can't be ignored

In a technological world that is putting increasing focus on accessibility (as it should), it’s ignorant of us to convey information with color alone, as some of our friends experience color blindness. For example, an exit button should not just be red but also have an icon or text that conveys that message as well.

Basic color schemes are best

Anyone who’s worked with me knows this is my favorite. Sometimes less is more, and the more colors you plaster over a website, the harder it is to create an impact with those colors. Keeping to a more subtle schema gives you more power in the colors you do use.

Let’s dive into all twelve key takeaways with this infographic from Toptal.


InfographicInfographic by Toptal

Join the IMPACT coaches for a deep dive on a new topic every month in our free virtual event series.

Topics:

Web Design
Infographics
Published on April 13, 2019

Recent Articles

8 of the Best Business Website Designs to Inspire You in 2023
November 17, 2022 • 7 min read
Take It From an Expert: You Probably Don’t Need a New Website
November 16, 2022 • 4 min read
What Does a Great Inbound Marketing Website Look Like in 2023?
November 14, 2022 • 12 min read
4 Ways To Recession-proof Your Website In 2022
June 9, 2022 • 5 min read
23 of the Best Examples of Business Blog Design
May 30, 2022 • 13 min read
5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)
May 16, 2022 • 8 min read
8 Best Content Management Systems for Digital Marketing in 2022
March 22, 2022 • 9 min read
How Much Does a Website Design or Redesign Cost in 2022?
March 8, 2022 • 9 min read
Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
February 22, 2022 • 17 min read
Your 2022 Website Strategy Must Include These 6 Things
February 15, 2022 • 9 min read
11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Design Should Have [+Video]
January 15, 2022 • 6 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read