Color of the Year for 2022 for UX Design

David Yap
March 15, 2023

Whether it is web design, mobile app design or UI UX design. They all require careful consideration when implementing a color scheme. The choice of colors can help convey different messages or evoke emotions depending on context. When choosing the right colors for our websites, apps and other digital products, we have to consider whether the message will resonate well with users, if there's enough contrast between elements, and more importantly, if they'll appeal aesthetically.

This year, Pantone chose the color of the year as Pantone 17-3938 Very Peri (also known as Pantone 18-3224 TPX). It is described as a vibrant and energetic purple-blue that evokes feelings of happiness, confidence, and optimism. This bold color is definitely something that would attract people's attention. However, one might question whether this color could work for web design and UI UX design.

Source from Dribbble

Applying the color of the Year to Digital Design

The 2022 color of the year hex code is PANTONE 18-3224 TPX. Considering the zeitgeist of the times, we feel that this color suits the current mood of the market the best. As a matter of fact, the color of the year itself was chosen to reflect the mood of the time.

With the rise of technology and social media platforms like Facebook and Instagram, the use of visual content has become increasingly popular amongst consumers. Hence, we believe that using this color as the year's pick for our digital products would be a good fit, especially since it is associated with positivity.

Considering the growing influence of social media and online communities, we think that including this color in our website and mobile applications would make them look much more engaging than usual.

Source from Dribbble

Color of the Year for UX Design

Let's say we want to incorporate this color into a UX design for an e-commerce platform. We should start off by understanding the psychology of color and how it affects human behavior. In terms of web design, this means that a user may react differently to a website based on the color scheme employed. Thus, it is imperative for designers to understand how certain colors affect the way people behave towards the website.

The e-commerce industry is constantly evolving due to the increasing presence of social media and mobile devices. Users now spend most of their time browsing through their social media accounts instead of visiting actual shopping sites. Because of this, it is crucial for companies to find ways to engage their customers. UX design is key here because it aims to enhance the customer experience and interaction with the brand.

With this in mind, we need to consider how to effectively apply this color to our design. First of all, we must identify the primary goal of the site. Is it to drive traffic to the page, convert visitors to leads, or simply increase engagement among the audience? Once we've established this, we can choose a color scheme that complements the goals.

For our example, we shall take a closer look at the main objective of an e-commerce store: converting users into paying customers. The 2022 color of the year hex code is PANTONE 18-3224 TPX. By virtue of being the color of the year, it will influence the cultural perception of the target group, thus influencing their buying decisions. Therefore, by incorporating this color into our design, it will subconsciously trigger the desired reaction.

In addition, the color of the year 2022 is also related to the concept of innovation and creativity, making it ideal for any kind of business that wants to stand out. UX design needs to keep up with the changing landscape of society and adapt accordingly. This is why it is important for us to always stay ahead of the curve and remain relevant.

Source from Dribbble

Color of the Year for Web Design

Unlike traditional print media, web design requires a lot more flexibility regarding colors. And this is where the 2022 color of the year hex code comes into play. Web design, in particular, involves a great deal of experimentation and trial and error when it comes to color schemes.

Because web pages are made up of multiple elements: images, videos, text, etc., it becomes difficult for designers to decide what combination works best together. color plays a huge part in conveying information and setting a particular mood.

The color of the year 2022, "Very Peri," is a vivid and lively blue shade that can be incorporated into various types of websites. It is therefore suitable for almost any type of project—from corporate websites to personal portfolios.

When designing a website, it is necessary to determine the purpose of each individual element on the page. Each piece of content serves different functions and should complement the others in order to achieve the overall goal of the website. When deciding upon the color scheme for a specific project, designers need to take note of the following points:

  • What does the client want to convey through his or her website?
  • How do they intend to accomplish this aim?
  • Does the color scheme match the message?

Once the above questions have been answered, the next step is to pick a color scheme that supports the objectives of the website. Since Very Peri is a vibrant and purplish-blue, it makes sense to use other complementary tones like yellow and green. These two colors are known to stimulate brain activity and improve concentration levels. Furthermore, using bright colors like these in a professional environment increases productivity and improves employee morale.

To further emphasize the importance of this color, let's look at another popular trend in web design: minimalism. Minimalist designs rely heavily on white backgrounds with black fonts. However, since the dominant color is dark gray, it doesn't really pop against a background that is predominantly white. On the other hand, Very Peri would make for a perfect backdrop for minimalist web designs. Its vibrancy will bring out the details in the design while still maintaining a neutral appearance.

Lastly, there's the issue of visual hierarchy. A good rule of thumb is to establish one strong focal point for users to focus on. Then, build everything else around this central idea. The color of the year is a powerful tool for achieving this. If the predominant color of a website is Very Peri, then it creates a clear contrast between itself and anything that stands out too much. This allows users to quickly find the most important parts of a website without having to read unnecessary paragraphs or navigate unnecessarily. In short, Very Peri adds emphasis and clarity to a website.

Source from Dribbble

Color of the Year for Mobile App Design

Since mobile apps tend to be smaller than desktop sites, designers need to be careful with how they incorporate the color of the year into their interface. The key here is balance. Too little and the user might miss the significance of the color; too much and the application could become overwhelming and unappealing. There isn't enough room to fit the entire logo onto the screen, but it can easily be used as an accent.

Mobile app design, unlike web design, focuses primarily on functionality rather than aesthetics. Because of this, developers often choose a monochromatic color scheme instead of a colorful one. However, if done right, the use of colors can greatly enhance a mobile application's performance and usability. Very Peri, in particular, has been chosen because it brings out the best in both subtle and bold applications alike.

The 2022 color of the year hex code can also be used for buttons and navigation menus. Since these elements appear frequently throughout the app, including them in the color scheme will help users recognise the function of the button and where it leads to.

For example, imagine a weather forecast app that shows a detailed breakdown of the day's events. On top of providing accurate information, the developer wants to include additional features that allow users to plan their schedules accordingly. To keep things simple, he decides to stick to a single color palette that consists entirely of blue hues. He uses the hex code for Pantone 17-3938 Very Peri to represent the sky and ocean, thus giving his application a soothing and calming vibe.

On the other hand, Very Peri can also be bold and eye-catching when applied appropriately. By using contrasting shades like purple and orange, developers can add depth and dimension to their interfaces. For instance, they can implement the color as part of the app icon or title bar. This way, users won't have any trouble recognising the application once it pops up on the home screen.

As mentioned earlier, UI UX design is all about balancing various elements together in order to achieve a harmonious aesthetic appeal. For instance, designers can apply the color of the year to several areas of the app.


The color of the year 2022 has been selected for its ability to inspire creativity and optimism. The choice of this specific shade was made due to its versatility, allowing it to adapt to different scenarios and contexts. The color also evokes feelings of happiness, positivity, and freshness. We believe this is a great opportunity to use the color of the year 2022 to drive positive change in the business sector.

With this article, we wanted to demonstrate how this unique shade of blue can be incorporated into everyday life, whether it's for a web design or a mobile app design.

If you're interested in learning more about how to integrate the color of the year into your project, or how the 2022 color of the year HEX code can be used in your design, Zensite is always here to help!

With years of experience designing websites and developing mobile apps, we know exactly what works and what doesn't work. and let's get started on making something amazing happen!

Recommended Read

Share this post

Let’s talk about your projects

Have a project idea? Tell us more about the details and we'll get back to you within 24 hours

Contact us

By submitting this form, you agree to our privacy policy and allow us to contact you via email

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.