Colors in Design

Colors in Design

“There is nothing better than to see an amazing color in the right environment, it can change your whole mood.”— Morag Myerscough

Before talking about UX design, let’s have a look at colors around us and see how they are affecting our life. This world is very colorful, and our life will be dull without colors. The nature is full of colors and everything around look so perfect in its current that we cannot even imagine them colorless. Colors affect our moods, and no one can stop himself by praising a colorful view, whether it is sky, rainbow, trees, flowers, rivers or a human made creation.

“Color is a power which directly influences the soul.”— Wassily Kandinsky


UX World is an approved Educational Partner of the Interaction Design Foundation, the world’s largest UX Design learning community.

Get 3 months of free membership to learn UX Design here!

Since we use software products and apps daily, we want to see beautiful colors in design as well. Colors play an important role in UX design. A beautifully colored UI design appeals its users. Whenever a user comes to user your product, at first glance he looks at the visual interface. If he does not like the colors and overall look of the design, it would hardly take him to stay there more than 5 seconds.

Below are few tips that can be helpful when selecting colors for your design.

  • Define a color theme for your design by deciding primary, secondary tertiary colors. Primary colors are Red, Green, Blue. Secondary colors are made by the combination of the primary colors. Tertiary colors are made by blending the primary and secondary colors.
  • Use colors that are consistent to your brand colors. This consistency makes your design look better and professional.
  • Consider the psychological effect of colors on human minds. For example, blue color shows calmness. However, it can vary for different cultures.
  • User colors according to their standard universal meaning. For example, red is mostly used to show an alert or error, and green is an indication that everything is going right.
  • Show related UI elements with the same color.
  • Use good contrast of colors to indicate difference between UI elements.
  • Use colors to define hierarchy on interface. Important elements should look prominent on screen. Clickable items display different than other content on interface.

Overall the design should provide a balanced look with all colors belonging to a family. Review your design carefully because any odd color combinations can ruin the design and will not provide a pleasant effect to your users.


UX World is an approved Educational Partner of the Interaction Design Foundation, the world’s largest UX Design learning community.

Get 3 months of free membership to learn UX Design here!

Thanks for reading. Find more related articles at uxdworld.com. If you have any questions, contact here: Linkedin | Twitter |Facebook

2 thoughts on “Colors in Design

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s