The Gradients Continue to be a Trend

Gradients are a way to enhance flat designs, add a colour overlay to photos and add texture to backgrounds. The gradient trend is showing no sign of slowing down.

A few decades back, gradients were a popular way to add colour and depth to designs. They remained a fairly prominent design trend until the late 2000s when they took a backseat to flat design. But gradients came back in a big way in 2018, and we see them everywhere.

They’re a way to enhance flat designs, add a colour overlay to photos and add texture to backgrounds. The gradient trend is showing no sign of slowing down.

So how do gradients work? Why are they so hot right now? And how will we continue to see gradients evolve in the future?

What are Gradients?

Gradients, also known as colour transitions, are a gradual blending from one colour to another colour. It can blend or transition similar colours or completely different or contrasting colours.

The gradient trend is extremely versatile. It can be bold or subtle, the focal point of a design or a background element. And because they mix and blend different shades of colour, gradients can create new colour combinations that feel different and modern. It lends a unique feel to designs.

You can use gradients to add depth to an otherwise flat design, create an interesting texture for a background, or breathe new life (and colour!) into a photo—the possibilities are endless!

Why are Gradients so Trendy?

So, why is the gradient trend having such a moment right now? Because they’re so eye-catching and attention-grabbing. The energy of these stunningly vibrant color transitions makes them stand out and helps to elevate any design.

When gradients came charging back onto the design scene in 2018, a lot of designers were surprised—especially when larger brands (like Instagram) hopped on board. A lot of people thought going the gradient route was too much of a throwback. Nostalgia was one thing, but would people really connect with a trend we’d seen before?

Instagram logo - Gradients
Instagram logo

Turns out, people loved it—particularly because the 2018 gradient trend is not old-fashioned at all. It feels more sophisticated and high-end (from backgrounds to texture to overlays). These new gradients use bright, luminous colours and interesting colour combinations that make them feel fresh and modern.

And apart from the nostalgia factor, people are going crazy for the gradient trend for a larger purpose. With the sheer amount of content, consumers are exposed to on a daily basis, brands need to find a way to break through the clutter and grab their ideal customer’s attention. Gradients that add interest and colour to design are the perfect way to do just that.

The Gradient Trend in Action

Gradients are versatile, and they’re a solid choice for pretty much any design medium under the sun.

Here are some examples of the gradient trend in action:


Gradients can add a unique feel to your logo that helps you stand out from your competitors (and because your logo acts as the face of your brand, it’s a fantastic way to incorporate your brand colour palette in an innovative and visible way). Try incorporating bold colours for an in-your-face-feel or softer colours for a more subtle effect.


You want your packaging to jump off the shelves—and gradients are the way to do it.

The key to using gradients as a background element in packaging? Make sure it fits with your brand. If you’re designing packaging for an in-your-face new product targeted towards extreme sports enthusiasts, something bold and daring (like a neon gradient photo overlay or a loud colour palette) will hit the mark. If you’re going for a more soft and subtle feel—let’s say, for a new face wash—a single hue gradient or a palette that leverages pastel shades is probably a better bet.

When it comes to your packaging, bold or subtle can be just as impactful—as long as they feel true to your product and brand.

Web design

There are a ton of opportunities to incorporate the gradient trend into your web design.

You can use a combination of soft colours for a subtle background, add a fun, funky vibe with a photo overlay. You can also make a big impact—without being visually overwhelming—by adding a gradient with bold colours to design accents. When it comes to gradients in web design, pretty much anything goes—so take advantage of the well of opportunities and incorporate this trend into your web design.


In a sea of apps, you need to find a way to stand out. And whether you use it in your marketing materials, in your app’s background, or as a UI element or accent, gradients are a great way to do it. Depending on which colours you choose, you can set the mood for your app—bold colours for an energetic feel, pastels for a calming experience.

Business cards, book covers and posters: print materials are a fantastic opportunity to bring the gradient trend to life—literally. You can incorporate a gradient logo, use a subtle colour combination as a background (which will help your text pop), or use it as an accent in an illustration. The possibilities are endless, so go wild!

How to make gradients work for you

The gradient trend is here to stay. So the question is—how can you make it work for you?

1. Choose the right colors

The most important aspect of the gradient trend is the colours you choose. For the gradient trend to look well-designed, you want to either choose colours that are a similar shade and hue (so, for example, a gradient that fades from light blue to dark blue) or colours that “work” together according to colour theory; so, complementary colours (colours that are opposite of each other on the colour wheel), analogous colours (three colours side-by-side on the colour wheel), or triadic colours (three colours spaced equally apart on the colour wheel).

It’s also important to choose colours that are aligned with the kind of feeling and emotional response you’re trying to evoke in your audience. Do you want people to feel calm and serene when they visit your website? A gradient that fades from a soft green to blue will do the trick. Want people to be in the right state of mind to buy? Go with bolder colours, like red or orange, that can get people revved up to shop. Colour psychology is a powerful thing—so make sure you keep it in mind when choosing colours for your gradient.

And last (but certainly not least), make sure the colours you choose for your gradients are colours that work with your existing brand colours; if your brand colour palette is red and blue, doing a lime green and neon yellow gradient probably isn’t going to look nice.

2. Use gradients wisely

Like we said—gradients are versatile. You can use them to add depth to a flat design, to add visual interest to a solid colour background, as an overlay… The list goes on and on.

But just because they’re versatile doesn’t mean #allthegradients should be your new design motto. Just like any trend, when it comes to gradients, less is (probably) more. Keep the design simple. Don’t go overboard. You should be using gradients, but make sure you’re using them wisely.

3. Know your audience

If you want your gradients to have the right effect, you need to really know your audience and what kind of designs they’re going to respond to. For example, if you’re marketing to a group of more traditional businesspeople, a neon pink and yellow gradient probably isn’t going to be your best bet.

Know your audience, and then choose the right gradient—the colours, how you incorporate them into your design, and whether you take a loud or quieter approach.

4. Make it fun

This is a fun trend, so have fun with it! Play with different colours, try using gradients in the background and as the focal point to find what works best for you, go wild with the overlays…the point is, this isn’t a trend that’s meant to be taken super seriously. So let loose and have fun with your gradients!

Check out our free collection of 100 Gradient Assets.

You May Also Like

Top 3 Free Online Logo Makers

Designing a logo for your business can be expensive. What if you could put your creativity in and start something. Here are the top three free online logo makers.