The Graphic Designer's Guide to the Psychology of Color

illustrated brain over colorful watercolors

Do you respond differently to a logo that is yellow instead of blue? Your first thought might be that it doesn’t matter, but the colors used in a design can actually have an impact on its viewers. Using color in graphic design is an excellent way to subtlety influence the way a viewer feels about a composition. For example, bright green colors tend to evoke springtime and nature, which would make perfect sense for a renewable energy company’s logo.

All companies and brands utilize color on their websites, in their advertisements and on their products, so it bodes well to choose colors that resonate with the mission of the business. Just like the perfect shade of paint can breathe life into a room, the right color can trigger the desired action from a consumer.

But don’t just take our word for it. We connected with seasoned professionals who fully understand the impact of color in design and business. Read on to glean wisdom from these experts on the psychology of color and design.

What is color psychology?

Color psychology is the study of how color affects our emotions and behaviors. Depending on your upbringing, cultural background and personal preference, certain colors can make you feel a certain way.

Why does the psychology of color selection matter?

Have you ever noticed how a yellow room tends to make you feel brighter or happier? Or how a red dress can make you feel a sense of passion, while a red sign can alert you to danger?

The topic of color psychology can be a bit complicated because color and feelings can be highly subjective. But studies suggest that color does influence emotion in specific ways.

“As a company that manufactures baby products, we want our brand to invoke a feeling of comfort and reliability. We believe that color selection plays a large part in generating these emotions,” says Tali Zipper, vice president of marketing for Baby K’tan LLC. She explains their strategy of choosing cheerful colors that would also signify reliability, encouraging customers to feel at ease when purchasing their products.

Zipper goes on to explain that the company found studies that suggested blue is often connected with credibility and calmness. They decided to alter their blue to a more vibrant hue so customers would also associate their brand with joy.

It’s also important to recognize that different colors can evoke different emotions depending on the culture, according to Lauren Ellis, creative director at Masonry. For example, red in Western cultures usually means danger, passion or anger, while it signifies luck or joy in Eastern cultures. Blue is viewed as masculine in the U.S. but feminine in China.

Color selection can make a big impact on the reaction of your audience and how they feel about your product. It can provoke hunger, inspire trust or elicit a feeling of calm or excitement. This is why every color should be selected strategically to contribute to the overall goals of the piece.

What does each color represent?

Looking to for a guide to color and the emotions commonly tied to each? Familiarize yourself with the common connotations each color carries.

What does red signify?

The color red is often associated with evoking strong or passionate emotions. Love, comfort, confidence, warmth, excitement and passion are some of the more positive emotions connected to this color. Anger and danger are some of the negative feelings induced by the color red.

What does pink signify?

Pink is associated with romance and love, as is clearly seen on most affectionately themed chocolates and cards doled out around Valentine’s Day. Pink is also thought to evoke a certain sense of calm in viewers. Culturally, many categorize pink as a feminine color and therefore think of kindness, softness and compassion.

What does orange signify?

Orange is typically correlated with excitement, enthusiasm and warmth. It’s an energetic color that tends to draw attention, which is why it’s often used on traffic signs. Citrus fruits and the refreshing sensation of beauty are also commonly linked with the color orange.

What does yellow signify?

Yellows are generally cheerful and warm colors, but have also been found to induce feelings of frustration and anger. Yellow is the most eye-catching of colors, so it’s often used to draw attention on traffic signs or capture the viewer’s eye in an advertisement.

What does green signify?

Green carries many connotations and connections. While generally associated with nature, it also is connected with soothing, calming and health-giving feelings. Green can also be associated with money, jealousy, good luck and fertility.

What does blue signify?

Blue is viewed as a calming and serene color. It’s often considered stable and non-threatening and can promote a tranquil, peaceful emotion. Blue is also connected with feelings of icy distance and sadness.

What does purple signify?

Purple is often described as mysterious, imaginative and spiritual. It’s also generally associated with wealth and royalty, as many famous kings wore purple-colored clothing.

What does white signify?

Culturally, white has long been associated with cleanliness, innocence and purity. This is why the bride classically wears a white wedding dress. On the flip side, it can also be viewed as cold, sterile or bland, so it’s important to use white appropriately.

What does black signify?

The color black is often connected with death, mourning or evil. It’s a dominant color on Halloween and is often the clothing color of many a nemesis in fairy tales and movies. Black is also used often in fashion, as it easily creates a slimming effect.

Consider your colors wisely

Graphic design is more than just choosing a few colors that look pleasant together. Understanding the psychology of color and knowing how to use it strategically is one of the basic fundamentals of graphic design.

Color theory is just one of core competencies covered in a formal graphic design curriculum. Learn about other critical concepts you should consider in our article, “7 Things Self-Taught Designers Don’t Know They’re Missing.”

EDITOR'S NOTE: This article was originally published in 2016. It has since been updated to include information relevant to 2018.

About the author

Will Erstad

Will is a Sr. Content Specialist at Collegis Education. He researches and writes student-focused articles on a variety of topics for Rasmussen University. He is passionate about learning and enjoys writing engaging content to help current and future students on their path to a rewarding education.

writer

Related Content

Related Content

This piece of ad content was created by Rasmussen University to support its educational programs. Rasmussen University may not prepare students for all positions featured within this content. Please visit www.rasmussen.edu/degrees for a list of programs offered. External links provided on rasmussen.edu are for reference only. Rasmussen University does not guarantee, approve, control, or specifically endorse the information or products available on websites linked to, and is not endorsed by website owners, authors and/or organizations referenced. Rasmussen University is accredited by the Higher Learning Commission, an institutional accreditation agency recognized by the U.S. Department of Education.

logo-accreditation-acen logo-accreditation-ccne chart-credential-laddering-associates-bachelors-masters 0 Credits 90 Credits 180 Credits 48 Credits Start Here HIGH SCHOOL GRADS Start Here TRANSFER STUDENTS Start Here SECOND DEGREE PURSUERS End Here ASSOCIATE'S DEGREE Start Here MASTER'S DEGREE PURSUERS End Here BACHELOR'S DEGREE End Here MASTER'S DEGREE chart-credential-laddering-associates-bachelors 0 Credits Start Here HIGH SCHOOL GRADS Start Here TRANSFER STUDENTS 90 Credits Start Here SECOND DEGREE PURSUERS End Here ASSOCIATE'S DEGREE 180 Credits End Here BACHELOR'S DEGREE chart-credential-laddering-msn chart-credential-laddering-nursing-programs chart-credential-laddering-nursing DNP MSN RN to BSN LPN to RN Bridge Accelerated BSN Professional Nursing ADN Practical Nursing Diploma Pre-Licensure Post-Licensure icon-colored-outline-bank icon-colored-outline-certificate icon-colored-outline-circle-dollar-sign icon-colored-outline-folder-search icon-colored-outline-hand-heart icon-colored-outline-head-blocks icon-colored-outline-head-cog icon-colored-outline-head-heart icon-colored-outline-health-plus-leaves icon-colored-outline-hospital icon-colored-outline-lifelong-learning icon-colored-outline-light-bulb-analytics icon-colored-outline-location-pin icon-colored-outline-magnifying-glass icon-colored-outline-monitor-healthcare icon-colored-outline-monitor-paper-search icon-colored-outline-nurse-rays icon-colored-outline-padlock-shield icon-colored-outline-person-presenter-screen icon-colored-outline-scales ras-logo-flame ras-logo-horizontal ras-logo-stacked icon-colored-advance icon-colored-arrows-cross-curve icon-colored-briefcase-star icon-colored-build icon-colored-bulb-analytics icon-colored-certificate icon-colored-continual-development icon-colored-duo-chatbox icon-colored-folder-mortarboard icon-colored-forward-ribbon icon-colored-gears-clock icon-colored-globe-pen icon-colored-growth icon-colored-hand-bubble icon-colored-hand-stars icon-colored-hands-gear icon-colored-head-blocks icon-colored-head-cog icon-colored-health-plus-leaves icon-colored-hospital-building icon-colored-laptop-cbe-skyscraper icon-colored-laptop-checkmark icon-colored-laptop-webpage icon-colored-location-map icon-colored-location-pin icon-colored-monitor-paper-scan icon-colored-mortarboard-dollar icon-colored-national icon-colored-people-chat-bubbles icon-colored-person-cheer-star icon-colored-person-laptop-checkboxes icon-colored-person-screen-instructor icon-colored-person-whiteboard icon-colored-phone-chatbox icon-colored-police-light icon-colored-prep icon-colored-presenter icon-colored-regional icon-colored-save-time icon-colored-shirt-hat icon-colored-skyscraper icon-colored-state icon-colored-student-centered icon-colored-support icon-colored-world-experience icon-triangle-arrow-up-plant icon-triangle-calendar-pencil icon-triangle-clock-rotating-arrows icon-triangle-display-gears icon-triangle-hand-right-speech-bubble icon-triangle-laptop-coding-brackets icon-triangle-mortarboard icon-triangle-paper-ribbon icon-triangle-person-cheer-star icon-triangle-person-juggle icon-triangle-triple-people-chat-bubble icon-modality-campus icon-modality-field icon-modality-online icon-modality-residential icon-arrow icon-bank icon-camera icon-filter icon-general-chart icon-general-connect icon-general-degree icon-general-discuss icon-general-email icon-general-find icon-general-hat icon-general-heart icon-general-laptop-building icon-general-laptop icon-general-leader icon-general-map icon-general-money icon-general-paperwork icon-general-people icon-general-phone icon-general-speak-out icon-head-heart icon-info-circle icon-mail-forward icon-mglass icon-play-solid icon-quote-mark-left icon-quote-mark-right icon-scales icon-share-square-o icon-simple-chat icon-simple-desktop icon-simple-find icon-simple-hamburger icon-simple-phone icon-spinner icon-tag icon-testimonial-quotes icon-util-checkbox-white icon-util-checkbox icon-util-checked-white icon-util-checked icon-util-chevron-down icon-util-chevron-left icon-util-chevron-right icon-util-chevron-up icon-util-circle-arrow-down icon-util-circle-dot icon-util-language-switch icon-util-loading icon-util-open-window-link icon-util-pdf-link icon-util-refresh icon-util-x rebrand-arrows icon-social-facebook-colored icon-social-facebook-square-colored icon-social-facebook-square icon-social-facebook icon-social-google-plus-square icon-social-google-plus icon-social-instagram-colored icon-social-instagram icon-social-linkedin-square-colored icon-social-linkedin-square icon-social-linkedin icon-social-pinterest-p-colored icon-social-pinterest-p icon-social-twitter-colored icon-social-twitter-square icon-social-twitter icon-social-youtube-play-colored icon-social-youtube-play graduate-cap-star-coin hand-coin hand-heart nurse-stethoscope-rays card-send-smile person-yoga-pose suitcase-star