{"id":37505,"date":"2022-05-13T15:00:43","date_gmt":"2022-05-13T13:00:43","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=37505"},"modified":"2022-05-13T14:49:12","modified_gmt":"2022-05-13T12:49:12","slug":"designers-pick-top-color-trends","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/designers-pick-top-color-trends\/","title":{"rendered":"Designers\u2019 Pick: Top Color Trends to Inspire You in 2022"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Pinpointing, let alone predicting the design trends has become notoriously hard in this day and age when things move, shift and transform at warp speed. What\u2019s in today might be totally out as soon as next month, and color trends can be particularly tricky as they tend to move with seasons and to follow current events which are, by their nature, unpredictable. Still, some things tend to stick more than others and to mark the defining trends.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We already wrote extensively about the <a href=\"https:\/\/qodeinteractive.com\/magazine\/design-trends-to-watch-out-for\/\">top web design trends<\/a> for the year, focusing perhaps more on the UX side of things, on animation and interactivity, on website architecture as a whole. This time around we want to welcome the warmer weather with an exploration of some of the color trends that we noticed not just in web design but also in fashion, furniture and home decor, and perhaps give our readers a few chromatic hints for the rest of the year.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Our very own Marijana Obradovic, the author of the stunning <a href=\"https:\/\/solene.qodeinteractive.com\/\" target=\"_blank\" rel=\"noopener\">Solene<\/a> and <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/konsept-furniture-store-theme\/\" target=\"_blank\" rel=\"noopener\">Konsept<\/a> themes, is a keen observer and researcher of the design comings and goings, and she came up with these color trends for 2022:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#its-all-about-the-neutrals\">It\u2019s All About the Neutrals<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#for-the-love-of-green\">For the Love of Green<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#orange-crush\">Orange Crush<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#when-orange-meets-green\">When Orange Meets Green<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#burgundy-the-king\">Burgundy, the King<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"its-all-about-the-neutrals\"><\/a>It\u2019s All About the Neutrals<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Its-All-About-the-Neutrals.jpg\" class=\"attachment-full size-full\" alt=\"It\u2019s All About the Neutrals\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Its-All-About-the-Neutrals.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Its-All-About-the-Neutrals-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Its-All-About-the-Neutrals-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Its-All-About-the-Neutrals-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Cream, warm beige, cold beige, cream gray, gray cream, macchiato, pampas, marble, powder, ivory, nude, taupe, hazel\u2026You name it &#8211; you\u2019ll find it in 2022, in the streets, in the shop windows, in furniture and home decor and, yes, in web design, too. The spectrum between the lightest cream and the deep, brownish hues, with tints of red, pink, blue and even green, is marking this year\u2019s trends and we can see it paired with other neutrals or with more saturated, louder colors.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<a href=\"https:\/\/dribbble.com\/shots\/18067796-Authentic-Jewelry-Brand\" target=\"_blank\" rel=\"noopener\">Julia Derevianko for Gotoinc<\/a> proposes an eCommerce layout for a jewelry store that uses an off-white, creamy background to create an elegant backdrop for the featured photographs and jewelry pieces. Julia combines<strong> several complementary hues, from Carrara to Pampas<\/strong>, in a color scheme that provides breathability but at the same time adds depth and even some degree of quiet intensity.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Julia-Derevianko-for-Gotoinc.jpg\" class=\"attachment-full size-full\" alt=\"Julia Derevianko for Gotoinc\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Julia-Derevianko-for-Gotoinc.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Julia-Derevianko-for-Gotoinc-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Julia-Derevianko-for-Gotoinc-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Julia-Derevianko-for-Gotoinc-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Alexandra Holodnaya made excellent use of <strong>a soft, warm beige with a hint of pink<\/strong> in her project for a magic and esotery shop and online learning platform <a href=\"https:\/\/www.behance.net\/gallery\/110305103\/Golden-Venum-Esoteric-goods-e-commerce-magic-school\" target=\"_blank\" rel=\"noopener\">Golden Venum<\/a>. She skillfully alternates backgrounds in this gorgeous layout between light tones and black ones, creating an exciting tension of elements held together by the lovely old gold typography.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"512\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Golden-Venum.jpg\" class=\"attachment-full size-full\" alt=\"Golden Venum\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Golden-Venum.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Golden-Venum-300x159.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Golden-Venum-768x406.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Golden-Venum-620x328.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]We spot a similar chromatic inspiration in the <a href=\"https:\/\/creativemarket.com\/NewTropical\/5548383-The-Modern-Font-Bundle-Vol.3\" target=\"_blank\" rel=\"noopener\">Modern Font Bundle by New Tropical Design<\/a>, where<strong> the warm cream tone is paired with burgundy<\/strong> (which we\u2019re going to touch upon later on in this article), as well as a deep, atmospheric orange and a dark mossy green.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"645\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Modern-Font-Bundle-by-New-Tropical-Design.jpg\" class=\"attachment-full size-full\" alt=\"Modern Font Bundle by New Tropical Design\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Modern-Font-Bundle-by-New-Tropical-Design.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Modern-Font-Bundle-by-New-Tropical-Design-300x200.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Modern-Font-Bundle-by-New-Tropical-Design-768x511.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Modern-Font-Bundle-by-New-Tropical-Design-620x413.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]While the colors from the beige and cream part of the spectrum work wonderfully when paired with more intense, vivid colors, it\u2019s also worth mentioning they can look amazing in <strong>beige-on-beige sets or combinations of beige with colors just a hue away<\/strong>. A terrific example of this combination, which is definitely a 2022 trend we\u2019re seeing a lot, is the creative visualization project that <a href=\"https:\/\/www.behance.net\/gallery\/140938573\/41zero42SUPERCLASSICA?tracking_source=for_you_feed_featured_category\" target=\"_blank\" rel=\"noopener\">Notoo Studio did for 41zero42<\/a>, specifically for their Superclassica series of floor and wall tiles.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Notoo-Studio-did-for-41zero42.jpg\" class=\"attachment-full size-full\" alt=\"Notoo Studio did for 41zero42\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Notoo-Studio-did-for-41zero42.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Notoo-Studio-did-for-41zero42-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Notoo-Studio-did-for-41zero42-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Notoo-Studio-did-for-41zero42-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Another color that looks and works amazingly well when paired with, well, basically itself, is the warm gray. Alina Gaan explored this concept in her <a href=\"https:\/\/www.behance.net\/gallery\/114924081\/JUFF-online-jewelry-store-website-concept\" target=\"_blank\" rel=\"noopener\">jewelry website project Juff<\/a>, proposing a look that basically sports no contrast at all, and yet manages to work just fine for a website layout.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"550\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Juff.jpg\" class=\"attachment-full size-full\" alt=\"Juff\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Juff.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Juff-300x170.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Juff-768x436.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Juff-620x352.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]But enough with the neutrals, let\u2019s move on to louder trends for this year.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;green-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"for-the-love-of-green\"><\/a>For the Love of Green<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/For-the-Love-of-Green.jpg\" class=\"attachment-full size-full\" alt=\"For the Love of Green\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/For-the-Love-of-Green.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/For-the-Love-of-Green-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/For-the-Love-of-Green-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/For-the-Love-of-Green-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Green is another definitive trend for this year and it comes in all possible variants &#8211; from earthy and muddy deep greens to vibrant grass tones and, of course, neons.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<a href=\"https:\/\/creativemarket.com\/Moyo-Studio\/5516706-Branding-Mockup-Scene-Creator#fullscreen\" target=\"_blank\" rel=\"noopener\">Marlow<\/a>, the minimalist branding mockup scene creator by Moyo Studio, is heavily based on grays in various tones, mostly on the colder side of the range. The project includes several adjacent colors that <strong>complement the grays and give them depth and character<\/strong>, most notably the wonderful, elegant dark olive green, as well as browns with a significant portion of green component to them.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Marlow.jpg\" class=\"attachment-full size-full\" alt=\"Marlow\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Marlow.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Marlow-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Marlow-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Marlow-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/semipermanenthotel.hsnob.co\/\" target=\"_blank\" rel=\"noopener\">Semi Permanent Hotel by Highsnobriety<\/a> was a short-term takeover of the Paramount House Hotel in Sydney, featuring a range of artists, musicians, designers and other creators. The website for the project is based on the monochromatic layout with colorful, intense imagery and interface details in <strong>a lovely shade of bright green with a touch of cyan<\/strong>. The green is used for the favicon, the pagination bullets, select typography as well as for selected (or hovered) areas of the 3D model representing the hotel. This quite moderate addition of color breaks up the monochromatic interface without hampering its character, and the choice of green adds vitality and energy to the mood.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Semi-Permanent-Hotel-by-Highsnobriety.jpg\" class=\"attachment-full size-full\" alt=\"Semi Permanent Hotel by Highsnobriety\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Semi-Permanent-Hotel-by-Highsnobriety.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Semi-Permanent-Hotel-by-Highsnobriety-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Semi-Permanent-Hotel-by-Highsnobriety-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Semi-Permanent-Hotel-by-Highsnobriety-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.ogehezeonu.com\/\" target=\"_blank\" rel=\"noopener\">Ogeh Ezeonu<\/a> opted for a <strong>green on green combination<\/strong> for her website, using a very, very dark forest green as the background color (in some parts of the page it comes in form of gradient, too) and a lighter, brighter leaf green for select interface details, such as the boxed sections with links and button outlines. This way, she created a gorgeously balanced atmosphere that packs a lot of character without being too loud or bold.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Ogeh-Ezeonu.jpg\" class=\"attachment-full size-full\" alt=\"Ogeh Ezeonu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Ogeh-Ezeonu.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Ogeh-Ezeonu-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Ogeh-Ezeonu-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Ogeh-Ezeonu-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Dutch brand development and design studio <a href=\"https:\/\/maibru.com\/\" target=\"_blank\" rel=\"noopener\">Maibru<\/a> did a similar thing with incorporating<strong> a refreshing green shade to its website in form of various interface details<\/strong> &#8211; for instance, the menu items (indicating the current location, as well as color change on hover), language and mode switcher, cursor and navigation, and so on. The same green color is used for both the light and the dark mode, and it looks great in both instances, bringing vibrance and joy to a muted layout.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Maibru.jpg\" class=\"attachment-full size-full\" alt=\"Maibru\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Maibru.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Maibru-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Maibru-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Maibru-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]A brand we already wrote about in our piece on <a href=\"https:\/\/qodeinteractive.com\/magazine\/examples-of-innovative-footer-design\/\">innovative footer design<\/a>, the furniture manufacturer <a href=\"https:\/\/solace-store.com\/\" target=\"_blank\" rel=\"noopener\">Sol\u2019ace<\/a> opted for an interesting brownish green (or greenish brown?) as the background for some of the page sections, combined with a lovely warm gray. A fitting choice for a brand with a strong focus on <strong>natural materials and sustainable manufacturing practices<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Solace.jpg\" class=\"attachment-full size-full\" alt=\"Sol\u2019ace\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Solace.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Solace-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Solace-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Solace-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]But muted, pastel and earthy greens are not the only ones marking this year\u2019s color trends &#8211; in fact, we\u2019re seeing a lot (and really, a lot) of super-vibrant greens, electric greens and neons.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For instance, the Chinese Reesaw Studio incorporated a lot of bold, vibrant colors in their branding project for <a href=\"https:\/\/www.behance.net\/gallery\/140061247\/-X-\" target=\"_blank\" rel=\"noopener\">GLZ Super Park<\/a>, with the <strong>neon lime green as the main color<\/strong> featured in the logos, packaging, even the accompanying materials such as masks, duct tapes and so on.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/GLZ-Super-Park.jpg\" class=\"attachment-full size-full\" alt=\"GLZ Super Park\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/GLZ-Super-Park.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/GLZ-Super-Park-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/GLZ-Super-Park-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/GLZ-Super-Park-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The designer and art director <a href=\"https:\/\/www.stabondar.com\/\" target=\"_blank\" rel=\"noopener\">Stas Bondar<\/a> chose an interesting and vibrant shade of green (with a lot of yellow to it) for his online portfolio, available in two modes: \u201ccasual\u201d (black background with green details) and \u201cfancy,\u201d in which the said color is used for the background and combined with black interface elements. It\u2019s interesting that <strong>the same color assumes different characters depending on the mode &#8211; in the \u201ccasual\u201d mode<\/strong>, the dark background makes it appear more yellow, while in the light \u201cfancy\u201d mode it is definitely more green.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Stas-Bondar.jpg\" class=\"attachment-full size-full\" alt=\"Stas Bondar\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Stas-Bondar.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Stas-Bondar-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Stas-Bondar-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Stas-Bondar-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, let\u2019s not forget one of the loveliest green shades &#8211; the mint green. The digital production <a href=\"https:\/\/studio9p.com\/en\/\" target=\"_blank\" rel=\"noopener\">studio 9P<\/a> featured this color in various interface details (the oversized cursor, the buttons, the logo and menu items, to name a few) on their website, <strong>coupled with the black background for a striking and modern contrast<\/strong>, and they also used it for one end of the gradient for the hero text.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/studio-9P.jpg\" class=\"attachment-full size-full\" alt=\"studio 9P\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/studio-9P.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/studio-9P-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/studio-9P-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/studio-9P-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"orange-crush\"><\/a>Orange Crush<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Orange-Crush.jpg\" class=\"attachment-full size-full\" alt=\"Orange Crush\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Orange-Crush.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Orange-Crush-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Orange-Crush-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Orange-Crush-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As a color that communicates joy, optimism, warmth and fun, it\u2019s no wonder that orange is going to be a massive trend in 2022, a year when the world finally seems to take a break (hopefully permanent!) from the pandemic. From couture to streetwear, web design and even product design, various hues of this fantastic color can be seen everywhere.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Tiare Payano incorporated <strong>a neon carrot orange<\/strong> into the palette for the <a href=\"https:\/\/www.behance.net\/gallery\/100684587\/S-I-L-K-A-E-N-\" target=\"_blank\" rel=\"noopener\">brand identity project for Silkaen<\/a>, a natural skincare brand. Payano paired it with different shades of red, burnt sienna, deep pink and other warm colors, creating a balanced, feminine and elegant palette.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Silkaen.jpg\" class=\"attachment-full size-full\" alt=\"Silkaen\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Silkaen.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Silkaen-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Silkaen-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Silkaen-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Design for the <a href=\"https:\/\/www.behance.net\/gallery\/140453253\/Sociotype-Journal-Issue-1-The-Gesture\" target=\"_blank\" rel=\"noopener\">Gesture issue of the Sociotype Journal<\/a> also features a lot of orange, albeit in a more toned-down variant. <strong>This particular brick orange works great on paper<\/strong>, as it complements the paper texture and gives the overall design a warm, deep character.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sociotype-Journal.jpg\" class=\"attachment-full size-full\" alt=\"Sociotype Journal\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sociotype-Journal.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sociotype-Journal-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sociotype-Journal-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sociotype-Journal-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Moving on to louder, bolder tones, the design for the <a href=\"https:\/\/www.behance.net\/gallery\/134805063\/Bravo-Musique-Web\" target=\"_blank\" rel=\"noopener\">Bravo Musique music and artist label<\/a> features a stunning, <strong>somewhat vintage range of oranges<\/strong>, from the classic safety orange to hibiscus and royal orange.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Bravo-Musique.jpg\" class=\"attachment-full size-full\" alt=\"Bravo Musique\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Bravo-Musique.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Bravo-Musique-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Bravo-Musique-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Bravo-Musique-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The visual identity for the <a href=\"https:\/\/www.behance.net\/gallery\/136071427\/STILL-YOUNG-INTERIOR-DESIGN-COMPANY-VISUAL-IDENTITY\" target=\"_blank\" rel=\"noopener\">Still Young interior design company<\/a> by Low Key Design pairs an intense orange, almost a cinnabar, with a grayscale palette in an exciting, elaborate design concept based around the \u201claw of three.\u201d The entire visual system revolves around the numbers 3, 6 and 9, and the orange serves as <strong>the third chromatic element in the palette<\/strong> (in addition to the white and black that basically constitute the grayscale), sustaining the concept but also bringing a welcome contrast and dynamics to the design.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Still-Young.jpg\" class=\"attachment-full size-full\" alt=\"Still Young\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Still-Young.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Still-Young-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Still-Young-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Still-Young-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The website and redesign concept for the restaurant <a href=\"https:\/\/www.behance.net\/gallery\/141371201\/Mairtain-Website\" target=\"_blank\" rel=\"noopener\">M\u00e1irtain<\/a> by Daria Shakula features an elegant, <strong>mostly monochromatic palette skilfully broken up by a vivid pumpkin orange<\/strong> used for a few select interface details, the footer and the fullscreen menu. Paired with the orange in some of the featured imagery, this particular use of color reinforces the brand identity and gives it a strong, well-built character, freshens up the concept and brings vitality without appearing vulgar or loud.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Mairtain.jpg\" class=\"attachment-full size-full\" alt=\"M\u00e1irtain\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Mairtain.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Mairtain-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Mairtain-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Mairtain-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, here\u2019s a layout that celebrates the power of orange in all its glory: the web design for the packaging-free grocery store in Los Angeles, <a href=\"https:\/\/regrocery.co\/\" target=\"_blank\" rel=\"noopener\">re_grocery<\/a>, <strong>uses an orangish red, or a reddish orange, for basically all interface elements<\/strong>, from title and paragraph typography to buttons, from navigation elements to the footer, which is entirely orange. It was a risky choice but one definitely worth making, as the result is a flattering, modern and engaging design that we can only assume does wonders for the company\u2019s business bottom line.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/re_grocery.jpg\" class=\"attachment-full size-full\" alt=\"re_grocery\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/re_grocery.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/re_grocery-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/re_grocery-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/re_grocery-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"when-orange-meets-green\"><\/a>When Orange Meets Green<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/When-Orange-Meets-Green.jpg\" class=\"attachment-full size-full\" alt=\"When Orange Meets Green\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/When-Orange-Meets-Green.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/When-Orange-Meets-Green-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/When-Orange-Meets-Green-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/When-Orange-Meets-Green-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If this combination reminds you of a clown suit, think again. Depending on the particular hues used in the palette, the orange and green combo can actually be quite sophisticated and convey a sense of opulent elegance. Let\u2019s take a look.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The <a href=\"https:\/\/www.behance.net\/gallery\/138990017\/Forma-UI-Kit\" target=\"_blank\" rel=\"noopener\">UI Kit for Figma<\/a> by Alexsander Barhon proposes modules for building web pages, with imagery that features small yet striking details in a lovely muted orange, combined with deep moss green, olive and mud, creating a wonderful sense of warmth and depth.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/UI-Kit-for-Figma.jpg\" class=\"attachment-full size-full\" alt=\"UI Kit for Figma\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/UI-Kit-for-Figma.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/UI-Kit-for-Figma-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/UI-Kit-for-Figma-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/UI-Kit-for-Figma-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Tiare Payano did a similar thing combining deep oranges and greens on a dark background for <a href=\"https:\/\/www.behance.net\/gallery\/98451779\/N-A-N-C-Y-\" target=\"_blank\" rel=\"noopener\">Nancy<\/a>, a family-owned cafe in the Dominican Republic. The palette is based around deep, warm, earthy hues such as <strong>orange, terracotta and brick, combined with a dark green<\/strong> that seems to have a touch of warmth to itself, too &#8211; or perhaps it\u2019s the oranges and pinks that bring that quality in the otherwise cold color.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Nancy.jpg\" class=\"attachment-full size-full\" alt=\"Nancy\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Nancy.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Nancy-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Nancy-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Nancy-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The green and orange combination works well in brighter tones with a bit of a pastel character, too, as evident from the <a href=\"https:\/\/www.behance.net\/gallery\/138047069\/Vestre-Inspiration-Book-2022\" target=\"_blank\" rel=\"noopener\">Vestre Inspiration Book 2022<\/a>. In this project, we get to feast our eyes on wonderful pairings, such as true orange and grass green, but also yellow and purple. These combinations are <strong>based on the principle of complementary colors<\/strong>, and as such they aim to create an intense and dynamic effect, but thanks to the careful selection of particular tones and textures, they also appear quite soothing and pleasant.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Vestre-Inspiration-Book-2022.jpg\" class=\"attachment-full size-full\" alt=\"Vestre Inspiration Book 2022\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Vestre-Inspiration-Book-2022.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Vestre-Inspiration-Book-2022-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Vestre-Inspiration-Book-2022-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Vestre-Inspiration-Book-2022-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Green smoke, apricot orange and a range of light pinks and warm grays dominate the palette of the <a href=\"https:\/\/www.absolution-cosmetics.com\/fr\/\" target=\"_blank\" rel=\"noopener\">Absolution Cosmetics<\/a> website, where the orange and green work as particular accents and can even be considered chromatic leitmotifs of the layout, even though they appear very sporadically on the pages. The dynamics between these two add much needed intensity to the light, airy layouts.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Absolution-Cosmetics.jpg\" class=\"attachment-full size-full\" alt=\"Absolution Cosmetics\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Absolution-Cosmetics.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Absolution-Cosmetics-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Absolution-Cosmetics-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Absolution-Cosmetics-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <a href=\"https:\/\/www.behance.net\/gallery\/87218807\/Lande-Architects-Brand-Identity\" target=\"_blank\" rel=\"noopener\">brand identity project for Lande Architects<\/a> includes a wonderful palette of muted greens, warm earthy tones and siennas, combined with a vibrant yellow with plenty of orange hints to it. The stationery and the calling cards are printed on a heavily textured paper with relief typography, which, combined with the colors, gives the project <strong>a distinct organic character<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Lande-Architects.jpg\" class=\"attachment-full size-full\" alt=\"Lande Architects\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Lande-Architects.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Lande-Architects-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Lande-Architects-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Lande-Architects-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, while not exactly focused on the interplay between green and orange in particular, the website of the oil and salsa manufacturer <a href=\"https:\/\/www.frantoiocavalli.com\/\" target=\"_blank\" rel=\"noopener\">Frantoio Cavalli<\/a> does play around with the two, <strong>by juxtaposing the delicate greens of oils with warm orange, yellow and red hues from salsas<\/strong>, both in featured imagery and in product packaging.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Frantoio-Cavalli.jpg\" class=\"attachment-full size-full\" alt=\"Frantoio Cavalli\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Frantoio-Cavalli.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Frantoio-Cavalli-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Frantoio-Cavalli-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Frantoio-Cavalli-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"burgundy-the-king\"><\/a>Burgundy, the King<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Burgundy-the-King.jpg\" class=\"attachment-full size-full\" alt=\"Burgundy, the King\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Burgundy-the-King.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Burgundy-the-King-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Burgundy-the-King-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Burgundy-the-King-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Timeless and sophisticated, burgundy appears to finally be making a comeback &#8211; and long overdue, if we dare say. This elegant color, traditionally associated with wealth, opulence and royalty, is actually an extremely versatile pairing color for palettes and combinations that require contrast, depth and warmth.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Being a dark, intense color, in web design burgundy is best if used for details or select sections, like <a href=\"https:\/\/www.sloanestreet.co.uk\/\" target=\"_blank\" rel=\"noopener\">Sloane Street<\/a> did on their homepage. This choice of color<strong> adds a touch of class to the design<\/strong>, pairs wonderfully with the rest of the palette and the page\u2019s white space, and even communicates with the imagery on the page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sloane-Street.jpg\" class=\"attachment-full size-full\" alt=\"Sloane Street\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sloane-Street.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sloane-Street-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sloane-Street-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Sloane-Street-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/lamaisonplisson.com\/\" target=\"_blank\" rel=\"noopener\">La Maison Plisson<\/a>, on the other hand, opted for <strong>a very subtle use of burgundy, applying it to the button outlines, underlines, some of the typography and the wine glass icon<\/strong>, completing the brand narrative that revolves around exquisite gastronomy, the finest ingredients and the best wines. It may be an obvious choice, but it is done with such good measure and taste it actually works perfectly.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/La-Maison-Plisson.jpg\" class=\"attachment-full size-full\" alt=\"La Maison Plisson\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/La-Maison-Plisson.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/La-Maison-Plisson-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/La-Maison-Plisson-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/La-Maison-Plisson-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Burgundy can also be a fitting choice for various <a href=\"https:\/\/qodeinteractive.com\/magazine\/industry-websites-made-with-qode-interactive-themes\/\">technology and industry niches<\/a>, as well as for finance, which are often plagued by quite pedestrian blues, grays and plain reds. The brand strategy and visual identity for <a href=\"https:\/\/www.behance.net\/gallery\/139609527\/Refactor\" target=\"_blank\" rel=\"noopener\">Refactor Capital by the Play Studio<\/a> features a striking rusty red which, in combination with a deep grayish blue and plain white, creates a firm, stable palette that communicates professionalism and expertise.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Refactor-Capital.jpg\" class=\"attachment-full size-full\" alt=\"Refactor Capital\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Refactor-Capital.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Refactor-Capital-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Refactor-Capital-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Refactor-Capital-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The gorgeous branding project that supports female entrepreneurship, <a href=\"https:\/\/www.behance.net\/gallery\/134541315\/Women-entrepreneurs\" target=\"_blank\" rel=\"noopener\">Wo\u2019men Entrepreneurs by Ben&amp;Jo<\/a> bases the palette around a <a href=\"https:\/\/qodeinteractive.com\/magazine\/extraordinary-deep-green-websites\/\">dark green<\/a>, with color accents in yellow, teal and pink. This combination is supported by <strong>a lovely warm burgundy in a slightly lighter variant<\/strong>, used as the backdrop in the project imagery, giving it depth and warmth.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Women-Entrepreneurs-by-BenJo.jpg\" class=\"attachment-full size-full\" alt=\"Wo\u2019men Entrepreneurs by Ben&amp;Jo\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Women-Entrepreneurs-by-BenJo.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Women-Entrepreneurs-by-BenJo-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Women-Entrepreneurs-by-BenJo-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Women-Entrepreneurs-by-BenJo-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Something similar was done in the visual identity project for <a href=\"https:\/\/www.behance.net\/gallery\/128714715\/Priples\" target=\"_blank\" rel=\"noopener\">P\u00e9riples<\/a>, where a stunning deep teal was used as the main background color, combined with a range of muted warm tones, including burgundy, which adds contrast and warmth, as well as <strong>a hint of vintage character<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Periples.jpg\" class=\"attachment-full size-full\" alt=\"P\u00e9riples\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Periples.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Periples-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Periples-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/05\/Periples-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Wrapping It Up<\/h2>\n<p>[\/vc_column_text][vc_column_text]Soothing cream, beige and gray, exciting orange and optimistic green, topped by the royal burgundy &#8211; it\u2019s clear that this year\u2019s color trends do not follow a strict, cohesive narrative but rather aim to expand the reach of chromatic potential through contextualisation. We hope that the wonderful examples featured in this article will inspire you and give you some fresh ideas for your future projects. If you have a color you feel might mark the current year, don\u2019t hesitate to share it with us in the comments section.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Our designers invite you to welcome the summer season with a quick stroll through some of the most interesting color trends for 2022. We are about to explore the unexpected potential of pairing beiges with creams and grays, as well as the optimistic, life-affirming vibe of more vibrant hues both from the warm and from the cold side of the spectrum, so let&#8217;s get started<\/p>\n","protected":false},"author":3,"featured_media":37617,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[138,40,43,44],"class_list":["post-37505","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-colors","tag-inspiration","tag-showcase","tag-trends"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/37505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=37505"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/37505\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/37617"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=37505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=37505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=37505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}