Color Theory

Color has power to inform mood, emotions, and thoughts.

Very high recall value and association property

Color Classification

  • Primary colors are colors you can’t create by combining two or more other colors. The primary colors are red, blue, and yellow.

  • The secondary colors are orange, purple, and green—in other words, colors that can be created by combining any two of the three primary colors.

  • Tertiary colors are created by mixing a primary color with a secondary color. The tertiary colors are magenta, vermillion, violet, teal, amber, and chartreuse.

Color Temperature

  • Warm colors contain shades of yellow and red

  • Cool colors have a blue, green, or purple tint

  • Neutral colors include brown, gray, black, and white

  • The temperature of a color has a significant impact on our emotional response to it

Warm Colors
Cold Colors
Neutral Colors

Warm colors include red, orange, and yellow, and variations of those three colors.

Cool colors include green, blue, and purple, and variations of those three colors.

Neutral colors include black, white, gray, tans, and browns.

Red and yellow are both primary colors, with orange falling in the middle.

Blue is the only primary color within the cool spectrum.

They’re commonly combined with brighter accent colors but they can also be used on their own in designs.

Warm colors appear closer to the observer.

Greens take on some of the attributes of yellow, and purple takes on some of the attributes of red.

The meanings and impressions of neutral colors depend more so upon the colors around them.

They are often more subdued than warm colors.

Cool colors appear farther from the observer.

Three steps to color selection

  1. Find dominant color

  2. Add two more colors

    1. mycolor.space website is great

  3. 60:30:10 rule, 60 is background, 30 is main element or text, 10 are attention taker

Understand the goal

  • What type of site do they need (non-profit, e-commerce, informational, startup, entertainment, blog, etc.)?

  • What emotions do they want their site visitors to feel?

  • What personality do they want their site to have?

Reference

Last updated