{"id":7020,"date":"2023-01-16T18:55:26","date_gmt":"2023-01-16T18:55:26","guid":{"rendered":"https:\/\/scallent.com\/posts\/web-design-color-trends-for-2023\/"},"modified":"2023-04-17T13:47:16","modified_gmt":"2023-04-17T13:47:16","slug":"web-design-color-trends-for-2023","status":"publish","type":"post","link":"https:\/\/scallent.com\/en\/posts\/web-design-color-trends-for-2023\/","title":{"rendered":"Web design: color trends for 2023"},"content":{"rendered":"

[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column width=”1\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-xs”][vc_single_image image=”6761″ alignment=”center”][vc_column_text]<\/p>\n

Gabriela Polidoro Lima
\n<\/strong>UX Designer & Content Writer<\/span><\/h6>\n

[\/vc_column_text][\/vc_column][vc_column width=”3\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-xs”][vc_column_text]With each new year that begins there is always the expectation of what will be the new concepts and trends, whether for fashion, for design, for decoration and even when it comes to consumer behavior.<\/p>\n

With the expressive growth of the digital market, the great world forecasts could not be missing when it comes to news and innovations for this area as well.<\/p>\n

Therefore, for those who work with the Web universe, stay tuned to the color trends for the year 2023.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column width=”1\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm”][vc_single_image image=”6761″ alignment=”center”][vc_column_text]<\/p>\n

Gabriela Polidoro Lima
\n<\/strong>UX Designer & Content Writer<\/span><\/h6>\n

[\/vc_column_text][\/vc_column][vc_column width=”3\/4″ column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm”][vc_column_text]With each new year that begins there is always the expectation of what will be the new concepts and trends, whether for fashion, for design, for decoration and even when it comes to consumer behavior.<\/p>\n

With the expressive growth of the digital market, the great world forecasts could not be missing when it comes to news and innovations for this area as well.<\/p>\n

Therefore, for those who work with the Web universe, stay tuned to the color trends for the year 2023.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]<\/p>\n

Color Trends for 2023<\/h1>\n

[\/vc_column_text][vc_column_text]Once trends were only directed at Fashion and were dictated by large research companies such as WGSN and Pantone. From the runways to the shop windows, then to the streets, these were the environments where the adherence to the trends dictated each year could be confirmed. Nowadays, and especially after the COVID-19 pandemic, these trends had to be adapted to the digital universe as well, as major brands in the retail and footwear sectors needed to extend their operations into this new habitat. What consumers see in shop windows and runways must be coherent with what they see on the websites and e-commerce of these same brands, so the choice of look and colors cannot just follow trends, but be part of an entire concept and visual language of each brand.<\/p>\n

With this change of scenery, it is essential to keep in mind the importance and impact that colors have on a digital project, be it a website, a blog, or an application.<\/p>\n

\n

The first reading made by users is done in the first 90 seconds of exposure and 90% of the result of this reading is impacted by color.<\/strong><\/p>\n<\/blockquote>\n

So, besides knowing what colors are trending, it is essential to understand how to use them. Let’s get to it?[\/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]<\/p>\n

What is the color of the year for 2023 elected by Pantone?<\/strong><\/h2>\n

The PANTONE\u00ae brand was created by Pantone Inc. based in the USA and considered the world’s color authority for having created, in 1967, a standard language for communication and color management, from the designer to the final consumer. The Viva-Magenta<\/strong> shade is chosen as the color of the year for 2023, which brings with it a matching color palette called Magentaverse – a name that already makes clear the strong influence of the digital universe. On the brand’s official website, the color is described as brave, fearless, and pulsating, whose exuberance promotes joy and an optimistic celebration, writing a new narrative.<\/p>\n

According to Leatrice Eiseman, Executive Director of the brand:<\/p>\n

\n

“In the age of technology, we seek to design inspired by nature and what is real. PANTONE 18-1750 Viva Magenta, is inspired by the red of the cochineal, one of the most precious dyes belonging to the natural dyes family and also one of the strongest and brightest the world has ever known. The color reconnects us to what really matters, invoking the forces of nature and helping us build our inner strength.”<\/strong><\/p>\n<\/blockquote>\n

The website’s homepage<\/a> welcomes Viva Magenta, the color of 2023, and shows the Magentaverse palette with the color codes chosen by Pantone.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_single_image image=”6765″ img_size=”large” alignment=”center”][vc_single_image image=”6767″ img_size=”large” alignment=”center”][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n

Source: Pantone<\/strong><\/h6>\n

[\/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]<\/p>\n

Digital Lavender – WGSN’s 2023 Trend Color<\/strong><\/h2>\n

The global authority in forecasting consumer trends, WGSN, has also chosen a color to represent the year 2023 and the connection with technology is already explicit in the name: Digital Lavender. Founded in 1998 in West London, the company develops in-depth research that includes data curation, global analysis producing stories and tools needed to understand the public’s behavior.<\/p>\n

\n

“Digital Lavender is a gender-inclusive color already established in the youth market and this is expected to expand to all fashion categories by 2023. The synesthetic aspect of this color makes it ideal for self-care rituals, therapeutic practices and wellness products.” Reports the company, which developed the color through Coloro, a system designed for creating and executing color patterns with complete confidence. In addition to dictating fashion and behavioral trends, WGSN also guides the digital market and indicates color “for electronics, digital wellness, quality of life-oriented lighting and housewares.”<\/strong><\/p>\n<\/blockquote>\n

With information overload and digitalization on the rise, both companies indicate colors that point to a counter movement, bringing stability and balance. For them, the trend colors of 2023 promise to converge the physical and virtual worlds, connecting users to well-being and bringing strength and mental health.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_single_image image=”6769″ img_size=”large” alignment=”center”][vc_column_text]<\/p>\n

Source: WGSN<\/strong><\/h6>\n

[\/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]<\/p>\n

Other colors that WGSN points as a trend for 2023<\/strong><\/h2>\n

In addition to the main one, Digital Lavender<\/strong>, WGSN indicates 4 other colors that represent the new moment that the world will live in 2023, after 3 years of imposition and detachment: Astro Dust<\/strong>, Galactic Cobalt<\/strong>, Sage Leaf<\/strong> and Apricot Crush<\/strong>. To watch the video launching the colors and learn more about each one of them, just click here<\/a>.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_single_image image=”6771″ img_size=”large” alignment=”center”][vc_column_text]<\/p>\n

Source: WGSN<\/strong><\/h6>\n

[\/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]<\/p>\n

Before choosing colors, what should be taken into consideration?<\/h3>\n

Speaking specifically about the digital universe, when choosing the colors that will be used in a project, it is essential to consider some important points:<\/p>\n

Understanding<\/strong><\/h3>\n

What is the point of applying the most amazing colors of 2023 if the user cannot understand the message that the brand is conveying? Legibility, accessibility and adaptability are the key words to have a good digital performance.<\/p>\n

    \n
  1. Readability<\/strong> – right level of contrast between background and text;<\/li>\n
  2. Accessibility<\/strong> – in addition to colors, it is essential to remember that there are those who simply cannot see the colors and therefore must have access to the voiceover;<\/li>\n
  3. Adaptability<\/strong> – night mode, saturation level, and brightness also influence comprehension and demonstrate an important care for users.To know if you are on the right track, there are several tools that allow you to test if the colors you are using provide good readability to users. Here are some sites:<\/li>\n<\/ol>\n