15+ New & Modern Color Trends 2024

Color is the main component of every design. Even though it may seem like colors always remain the same, it’s actually something that is ever-changing. And as a result, it makes way for new color trends every year.

If you’re preparing to start a new design project, staying up-to-date on the latest trends is important. It’s the key to making your designs relevant and appealing to the current audiences.

Today we take a look at some breakout color trends that will keep your graphic elements looking fresh. Rather than just talking about different trends, we wanted to go deeper. So we found real-life examples to show how each trend is being used by different industries.

What kind of color trends will be popular this year? Will there be new trends in color schemes? Or would any old trends make a comeback? Here are our predictions.

1. Earthy Tones

Down-to-earth and organic colors are among the most popular color trends in packaging design. Many brands, ranging from small boutiques to high-end luxury brands, use this trend to give their products a natural aesthetic look and feel.

earthy tones 1

Color palettes that feature earthy tones usually include more grounded and muted colors, like olive greens, light brown, and terracotta. They go perfectly well together with most light colors to add a subtle organic and tranquil vibe to the overall design.

earthy tones 2

The earthy tones color trend is not just limited to packaging designs. It’s also used in many other designs, including digital designs like websites and app layouts as well as print designs such as posters, flyers, and greeting cards.

2. Gradients Everywhere

This trend is turning out to be one of those timeless design styles that never go out of style. The gradient color trend is nothing new but designers are finding new ways to use gradients, everywhere!

gradients everywhere 1

Even when used as backgrounds, the gradients are now more alive with subtle blur effects and cool animations. It adds a beautiful, soft, and modern feel to any design.

gradients everywhere 2

It goes beyond just digital designs as well. Now, gradient colors are slowly making their way over to print designs, including packaging designs. Admittedly, it does look quite dynamic and fluid when you add a gradient as a text masking effect.

3. Saturated Hues

Saturated colors are the go-to method for making bold statements and making a design stand out from the crowd. The use of bold and intense colors is now much more than just about making statements, it’s now a trend!

saturated hues 1

The main goal of using saturated hues is to grab the attention and make them more impactful. When you look at a design that has strong, saturated hues, you look at it more intensely and more focused. This is why many brands are now adopting this trend for packaging designs.

saturated hues 2

Of course, you need to be careful when using intense colors in a design. Coming up with the right secondary colors is key to creating a more balanced color look for the overall design.

4. Duotone Effect

One of the classic color trends from the early to mid-2010s appears to be making a comeback and we’re not complaining. The duotone color trend was quite popular in both digital and print designs for a long time. The way it created a distinctive contrast in designs made them much more impactful and memorable.

duotone colors 1

The duotone color effect is ideal for more elaborate designs, especially as it makes the job much easier to highlight and gives center stage to the content elements.

5. Playful Colors

Fun and playful colors used to be the go-to approach for designs that target younger audiences. But now, it’s turning into quite a popular color trend that creates more energetic and fresh looks for brands and businesses.

playful colors 1

Ranging from soft pastel colors to bright yellows and coral colors are commonly used to create a playful color look. It’s used across websites, posters, packaging, and even branding designs as well.

playful colors 2

Whether you want to give a playful look to modern designs or evoke emotions and optimistic vibes, the playful color trend is a fantastic choice for various projects.

6. Bright and Vibrant

This is a color trend that looks easy to use but difficult to master. A trick to getting this trend right is to combine it with another design trend, like material design and Bauhaus design, but with more intense colors.

bright and virbant 1

Of course, seeing bright and vibrant designs is nothing new. We see it all the time on social media posts, websites, and even TikTok video effects. But it’s now also expanding into print designs as well.

bright and virbant 2

It’s a trend that has a wide variety of uses. It’s especially ideal for showcasing inclusivity and creativity. But mainly it’s about giving a more dynamic look to designs.

7. Bold Accents

Bold accents of color – sometimes in unexpected hues or places – is a modern trend that has made a major comeback. This style was popular, especially in print design, about a decade ago and is not pushing its way into websites and other projects.

Bold accent colors work when they contribute to the comprehension of a project. Does color help you see or understand the message more clearly? Is there a better focus on certain words or phrases? That’s where this trend can make a major impact.

toggl-website

Interactiv uses two elements with bold colors – the yellow logotype in the top left corner and the pink “nnect” in the main headline. The colors draw the eye across the screen quickly and put emphasis on the brand name. Note that the pink actually drives you to read the brand (in white) separately from the whole headline.

toggl-website

Gestionphi is a classic example of a red accent for design comprehension. It’s also nice that the color is part of the logo and is used in a few places and with multiple tints. The red scroll button is a can’t-miss element on the screen thanks to color choice.

toggl-website

Xpert Workwear uses nice orange color blocks to add a little more visual interest to the design. The neat thing about the orange here for a workwear brand is that the color is often connected to safety vests for workers. It also ties the design to details on the clothing items themselves to keep your eyes moving on the screen.

8. Nature-Inspired Hues

Color palettes inspired by nature are trending in a big way. With greens, beiges, and browns these palettes are neutral, simple, and appealing.

A big reason we might be seeing more of these color palettes is a return to simplicity and nature. In a world where we slowed due to the pandemic and then seemed to pop into overdrive again, this more serene, nature inspiration helps balance the yin and yang of the environment around us.

toggl-website

Venus Williams embraces nature with a full-screen photo with plenty of greenery as well as a beige backdrop for the whole design. Everything is simple and visually pleasing and the natural colors give plenty of room to all the photos in the design.

toggl-website

Hutch Houseplants embraces the colors that match their online shop with plenty of green tones. But note that it’s not just photos, text and other UI elements also carry this natural color theme.

toggl-website

Kerrygold’s Magical Pantry takes you on a journey through storytelling and recipes with a nature-inspired color palette. With plenty of greens and browns, color does not get in the way of the user journey.

9. Black and White Web Design

It seems like almost everyone is going back to the basics of black and white in website design. The difference in this color trend now in contrast with past iterations is that the overall visuals aren’t necessarily minimal in concert with black-and-white color palettes.

What the designs lack in color, they make up in other interesting effects such as animations, hover effects, and overall interactivity.

toggl-website

The website for Lou Dos Santos, above, uses hover interaction to create interest within the design. From a white bubble to show the cursor to a shifting of the text, black and white is anything but boring here.

toggl-website

Jerry Wang uses similar interactive effects with a reversed black-and-white color palette. The style is a lot more akin to brutalism and has a bit of harshness about it that really works with the black-and-white scheme.

toggl-website

Finally, with black and white color palettes, some designers are adding a bright or bold accent color to help drive interaction and show users what to do with the design.

Lime green is a popular choice as seen above on the website from Hyperframe. Other popular color options include orange or bright blue.

The goal is to use an accent that works with the starkness of black and white without detracting from it.

10. One-Color Poster Design

Along the same lines, a more simple color scheme for website designs is also happening with printed (or digital) poster designs, with creations that only use one color.

As with web design, the stark, almost colorless nature of these projects can disrupt you visually helping to generate more interest in the visual elements on display.

toggl-website

This technique works well for poster design because it encourages someone looking from a distance to walk closer to investigate the overall design. That would be important here with so many small words in the center of the poster design.

Color is the element that grabs interest in this design scheme.

toggl-website

The contrast between the blue block and the black-and-white image and text is so intriguing in the example above that you just want to learn more. The single-color design sets the mood for the poster. (Imagine how different you might feel about the design if the image was in color.)

This effect can make a poster stand out when among many others. In this example with a movie poster, it is likely on display with lots of other similar-shaped poster designs.

Color helps ensure that you see this one before all of the similar full-color options in the surrounding environment.

toggl-website

Finally, a white poster with black text could be amazingly boring, but this example with red lines to create an image is interesting and engaging.

The use of one color pulls the eye into the design without taking away from the words in the design, which judging by the size and weight are the most important element that the designer wants you to see.

Color helps direct eye movement from top to bottom with a flow that provides a little lightness against the slab typefaces.

11. Pastel Colors in Website Designs

Most of the new color shades invented by Pantone were shades of pastel colors. Well, it’s not really a surprise at all. Especially with many brands and designers already adopting the new pastel color trend.

A great example of pastel colors in action is the Dropbox website design.

dropbox-pastel-color

Fun fact, this is not the main Dropbox website. At the time we were publishing the trends in startup unicorn websites, the Dropbox website was different. So we likely stumbled upon an alternate version of the website, presumably a part of an A/B testing campaign.

Nonetheless, both the main site design and this new landing page variants of Dropbox websites use gorgeous pastel colors.

And Dropbox is not the only fan of pastel colors, many other brand websites like Toggl also use beautiful pastel colors in their design.

toggl-website

Another example is this Bootstrap website template. It also uses pastel colors in multiple styles of website layouts.

pastel-color-template

Why are pastel colors so popular? It probably has something to do with the pleasing and calming effect it has on people. It’s a feeling that’s difficult to describe but when you look at a design made with pastel colors it just makes you feel relaxed.

12. Gradient Colors in Icon Design

There used to be a time when designers were shamed for using multi-color color schemes in designs. Today, things are different. Using color palettes with vivid and multiple colors is encouraged. Because now it stands for something more meaningful than just random colors.

It’s probably why we’re seeing many designers adopting gradient color schemes. Especially when it comes to icon designs, we saw many brands such as Instagram take advantage of this trend. The latest brand to join is Mozilla.

firefox logo

Mozilla introduced its new Firefox rebranded icons design in June 2019. Firefox always had a colorful icon design. But this new approach took things to the next level.

firefox color pallette

Their new color palette featured a variety of colors and shades. The company says the new icons will help the brand stay relevant “long into the future”.

Are gradient icons only suitable for product icons? Not at all. You can use them on website designs and app interfaces as well. This business icon pack is a good example of that.

business-icons

13. Retro Neon Colors in Logo Designs

The retro color schemes from the ’80s are making a comeback. Especially the use of neon colors in logo design is something that’s been picking up momentum recently.

A great example is this brand logo we’ve found on Dribbble. It’s designed for a Russian software company called ZenClass which specializes in online learning systems.

ZenClass logo

Notice how it uses glowing neon colors with a mix of gradients. It’s actually quite mesmerizing to look at.

While this trend is not applicable to most branding and logo designs, it has its own audience. Especially with the popularity of futuristic cyberpunk designs, this neon color trend is most relevant for technology and gaming-related brands.

crow neon color logo

14. Faded Vintage Colors in Label Designs

The use of vintage-themed designs in labels is quite popular these days. Especially the label designs that use washed-up and faded vintage colors are the ones that attract the most attention. We’ve seen the color trend in everything from clothing labels to coffee packaging and much more.

Palm Coffee Roasters label

Why is it popular in label design? It’s mainly because the vintage colors look amazing when printed on cardboard and paper bags.

But lately, we spotted this new trend taking a step further. And appearing in even beer can labels.

zilker brewing label

This really makes you wonder, are we going backward in following design trends?

mountains vintage badge

15. Black and Gold Colors in Product Designs

The classic black and gold color mix is a trend that never goes out of style. This color trend has always been something that represents elegance, class, and luxury. Surely, we can expect it to hold up its place this year as well.

The question is, what type of brands and designs will adopt this timeless trend next? Well, how about a beer brand?

nightlife brewing

Nightlife Brewing is the latest alcohol brand to adopt the classic black and gold color trend for its product designs. As you can see, it looks amazing, especially when used with an art-deco style of design.

MGCO Soap

MGCO Soap company managed to put a spin on this new trend by using a dark green and gold color design for its soap packaging design.

Laurel Wreath Collection

16. Dark Colors in App UI Designs

It’s like every app on both mobile and desktop platforms are getting dark mode these days. With Android, iOS, and even Windows introducing dark user interfaces, it’s now standard practice to include a dark color mode in every app.

Google first introduced a dark mode for its Gmail mobile app. Followed by Whatsapp. Even Facebook now has a dark mode for its web app.

facebook-dark

Needless to say, we’ll be seeing more apps using dark color UIs in the coming months. Of course, we hope designers will get creative with this trend.

dark app ui

It doesn’t always have to be black and white to create a dark mode for a user interface. There are many dark shades of colors that will help create an amazing dark color mode for apps.

What’s Next?

Among the seas of color and design trends, we’re certain that these specific trends will float through to the next year. And hopefully for many years ahead. Especially since they’re validated by some of the biggest brands in the world, you can safely use these trends in your design projects.

What kind of new color trends will come out next year? Tune in next year to find out.