Colour of the Year for 2022 for UX Design

This year, Pantone chose the colour of the year 2022 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.

Written by:
David Yap
Mar 15, 2023
Last Update:
Oct 15, 2023
5 mins read

Whether it is web design, mobile app design or UI UX design. They all require careful consideration when implementing a colour scheme. The choice of colours can help convey different messages or evoke emotions depending on context. When choosing the right colours 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 colour of the year 2022 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 colour of the Year to Digital Design

The 2022 colour of the year hex code is PANTONE 18-3224 TPX. Considering the zeitgeist of the times, we feel that this colour suits the current mood of the market the best. As a matter of fact, the colour 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 colour 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 colour in our website and mobile applications would make them look much more engaging than usual.

Source from Dribbble

Colour of the Year for UX Design

Let's say we want to incorporate this colour into a UX design for an e-commerce platform. We should start off by understanding the psychology of colour 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 colour 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 colour 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 colour 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 colour 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 colour 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

Colour of the Year for Web Design

Unlike traditional print media, web design requires a lot more flexibility regarding colours. And this is where the 2022 colour 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 colour 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. colour plays a huge part in conveying information and setting a particular mood.

The colour 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 colour 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 colour scheme match the message?

Once the above questions have been answered, the next step is to pick a colour 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 colours 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 colour, 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 colour 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 colour 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

Colour 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 colour of the year into their interface. The key here is balance. Too little and the user might miss the significance of the colour; 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 colour scheme instead of a colourful 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 colour 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 colour 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 colour 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 colour 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 colour of the year to several areas of the app.

Conclusion

The colour 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 colour also evokes feelings of happiness, positivity, and freshness. We believe this is a great opportunity to use the colour 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 colour of the year into your project, or how the 2022 colour of the year HEX code can be used in your design, Zensite is always here to help!

Recommended Read

Unlock your business potential through design with us

Empower your business with tailored strategy, innovative design, and seamless Webflow development. Ready to take your company or startup to the next level? Enter your email to receive a free website checklist.

Thank you! Your submission has been received! We will email your the checklist as soon as possible
Oops! Something went wrong while submitting the form.

About our author

photo of David Yap
Written by
David Yap

David is the founder of Zensite, a product design agency based in Singapore. Since 2016, David have been involved in many UI UX related topics covering user experience, product design, digital experience and also founded Friends of Figma, a Figma Community in Malaysia.

photo of Fiha Febiala
Reviewed by
Fiha Febiala

Fiha is a passionate product designer hailing from Indonesia. With a background as a Frontend developer, Fiha transitioned my career into the dynamic world of product design. Fiha is dedicated to translating conceptual visions into user-friendly interfaces that resonate with users. In meantime, Fiha serve as a mentor, guiding aspiring individuals who seek to delve deeper into the realms of UI/UX.

TABLE OF CONTENT

One plan, all things design for your business

Gain access to top-notch creatives from an experienced design agency through a flat monthly design subscription service. Start your design project with us today!

Get started
Subscribe to our newsletter

Join our community of 1,000 who receive the best in design and Webflow content.

SHARE

Contact us

We’d love to learn more about your company and how we can help you. Tell us about your project in the form, and we’ll put you in touch with the right team.

If you are looking for a retainer based service, please check out our design subscription.

hey@zensite.co
+65 3158 6926 (SG)
+60 3-2935 9156 (MY)
68 Circular Rd, Unit 02-01, Singapore 049422
OUR SOCIALS

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.