Posts

Color Theory Basics in Design

Why do colors affect the way we feel? There’s a reason that people feel more depressed in the winter than they do in the summer: the absence of light. Color theory is constantly used by companies to elicit specific reactions from customers, whether it’s excitement, relaxation, hope or happiness. It takes most people 90 seconds to decide whether they’ll buy a product, and 90% of that choice is based on color.

What is color theory?

Put simply, color theory is the science and the art of mixing colors. Most of us know the terms primary, secondary, and tertiary colors. We’ve heard of hue, tint, shades, and complimentary colors. But how do we go from this basic knowledge to choosing a legendary color combination that wins over our audience? Generally, these are the emotions evoked by certain colors:

  • red: love, passion, intensity
  • yellow: joy, intellect, attention-grabbing
  • orange: energy, vitality, warmth
  • blue: trust, peace, stability
  • green: growth, novelty, wellness
  • purple: royalty, wealth, luxury
  • black: class, power, elegance
  • white: cleanliness, calm, simplicity

These are the common emotions, but note that not everyone will perceive colors in the same way. Their background, culture, age, and upbringing will all influence the meanings they assign to certain colors. That’s why this next point is imperative to choosing the best color palette for your brand.

Know your audience

It always comes back to the people who will buy your product, visit your website, or follow your social account. Always design with them in mind. Before you start throwing together colors, remember who you’re designing for and how you can best grab their attention. It might be helpful here to create buyer personas so you can better identify those who might be interested in your product or service. Also, always make sure your color palette aligns with your company’s purpose.

Creating color combinations

Once you have your company’s purpose down and your audience defined, it’s time to set the mood. Here are some common color combinations that stem from color theory.

analogous colors

Analogous colors are adjacent to each other on the color wheel. The result is a harmonious and natural look.

complimentary colors

Complimentary colors are pairs that are directly across from each other on the color wheel. They usually create a strong contrast and grab one’s attention.

triadic colors

To choose a triadic color palette, pick a color and draw an equilateral triangle. These combinations tend to feel well-balanced.

monochromatic

Monochromatic colors are very “in” right now. It involves choosing a color, then adding various shades of white and black.

What about those fancy color terms?

You should definitely know the difference between color, hue, tint, tone, and shade. They’re actually a lot simpler than we think.

  • Tint: also known as pastel, and is created by adding white.
  • Hue: the dominant, underlying base of the color you’re looking at.
  • Shade: created by adding black.
  • Tone: created by adding gray.

Tools to help you choose

You’re not alone in this; there’s inspiration everywhere. Pinterest or Behance are great places to start and see what kind of look you want to go for. You can also use online tools to help develop your color palette. Adobe color wheel is great for extracting colors from an image, or starting a palette from scratch. Color hunt is great for design inspiration, if you want something a little more readily available. Coolors generates color palettes at the touch of a space bar, and Color Supply is a nice traditional method for choosing as well.

Rebrand with energyhill

Is your brand looking for a breath of fresh air? Check out our services and set up a free consultation to get started.

Renton Prep

It was the summer of 2016 and we received a request for more information from a school with a unique mission, strong vision, and enlightened action. Renton Prep wanted a full redesign of their web presence, as well as, marketing and design support for their schools. After a business consultation, we set goals to position them as the global leaders in technology. Energyhill achieved this by creating branding, video, advertising, and marketing collateral for the schools. Since the summer of 2016, we have partnered with Renton Prep to create stunning videos and collaborative experiences. The work that has come from this partnership spans, print collateral, landing page design, conference banners, one sheets, ad campaigns, social campaigns, and more.Featured Partner: Renton Prep

Renton Prep Leading Technology and Education

This forward thinking school needed to be showcased. The challenge was fairly simple. We only needed to tell their stories. How fantastic are the Renton Prep teachers, students, staff, and technology that they use? Simply put, world class. Microsoft, Amazon, HTC, and other leading tech companies and organizations often visit Renton Prep to see and study the trends of where technology and education are headed.

Energyhill Redesigns RentonPrep.org

The redesign of their website and re-organization of their content yielded a 6,844% increase in monthly traffic to their website. Yes, almost 7,000%. This is organic traffic, no digital advertising (yet). What’s great about Renton Prep is that they are an amazing brand. Working with them is a complete joy. For one of the video shoots we produced, a local makeup artist was hired. She said, “I just really like working with this group of people, they’re fantastic.” We couldn’t agree more, great people, amazing students.

Dr. Michelle Zimmerman’s Testimony

Capturing the heart of a message is the most important thing we do. Dr. Michelle Zimmerman testimonial conveys this point. In advertising and design we are not always challenged with simply solving a problem. Sometimes it goes much deeper than that. How do you convey a mission, that doesn’t have a simple ending point. Energyhill’s culture is to capture an audience by exemplifying the core of your message. Thanks Dr. Zimmerman for including us in your schools’ journey.

 

Portfolio Items