Learn
Learn
Close

They Ask, You Answer

A revolutionary approach to inbound sales, content marketing, and today’s digital consumer.

Learn MoreLearn More

Free Courses in IMPACT+

Dozens of sales, marketing, and content courses inside IMPACT+. Start learning now.

See all coursesSee all courses
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Coaching & Implementation Services
Coaching & Implementation Services
Close

Services Overview

See how you can dramatically increase your inbound leads and sales.

Services Overview

Digital Sales and Marketing Mastery

Fast track your team’s success with IMPACT's most popular service.

Digital Sales and Marketing Mastery

Web Design

Launch a beautiful website that consistently generates leads and revenue.

Web Design

Virtual Sales Training

Equip your sales team with comprehensive training designed to help them close more deals in today's virtual-first world.

Virtual Sales Training

HubSpot Training & Implementation

Train your company to take ownership of HubSpot and get the most out of your investment.

HubSpot Training & Implementation

Case Studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

Case Studies
Become a Coach
Become a Coach
Close

Color Theory for Designers: A Crash Course [Infographic]

Color Theory for Designers: A Crash Course [Infographic] Blog Feature

Marcella Jalbert

UX Designer, Host of ‘Creator’s Block’ Podcast, Designer for 50+ Sites on HubSpot

April 13th, 2019 min read

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.

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
FREE On-Demand: The Website Optimization Summit Opening Keynote

Watch Liz Moorehead’s takeaway-filled opening keynote from the Website Optimization Summit for FREE inside IMPACT+.

Your business website should be your most profitable virtual employee -- closing deals left and right. Yet, business leaders and digital marketers just like you are unwittingly undermining the money-making potential of your website. 

Let Liz Moorehead show you the simple and powerful ways you can immediately increase the revenue potential of your business website, no matter what industry you’re in, in this information packed keynote.

Watch Free On-demand

Keep Scrolling to Continue Reading

Watch Liz Moorehead’s opening keynote from the Website Optimization Summit, FREE on-demand inside IMPACT+. Learn how you may be unwittingly undermining the money-making potential of your website and how to fix it!
Watch Free On-Demand
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!
Watch Free On-demand
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!