300+ Trending Color Gradients For Your Design Projects


If you are a designer, you will always be looking for a cool background gradient for your UI. As we all know, vibrant colors and vibrant gradients are now one of the major trends, such as graphic design, web design, content backdrop, and UI design. We have also published an article about the latest design trends for the current year. Here we have collected more than 300 beautiful and vibrant color gradients for your upcoming design projects, created by a Paris-based graphic designer Leo Simon. and yes! You can download free this Photoshop Gradient File (GRD) from the link at the end of this article and install it to any version of Photoshop and it is completely free. You can download and install the full pack of 300 gradients in a couple of clicks. We are also sharing a short tutorial at the end of this article to learn how to install Gradient File in Photoshop.

In this post, we shortlisted and collected some of our favorites from Leo Simon’s final collection and shared them with their respective hex code below.

As a bonus, we are also sharing with you the download link of our CGfrog’s personal gradient pack which you can use in your upcoming design project and yes you can use it in a single click! We have also prepared a PNG version of each gradient.

Let’s download and install.
Enjoy!

300+ Beautiful and Vibrant Color Gradients For Your Design Needs

Bloody Mary

Bloody Mary – Gradient Code – #ff512f → #dd2476

Can You Feel The Love Tonight

Can You Feel The Love Tonight – Gradient Code – #b06ab3 → #4568dc

Cosmic Fusion

Cosmic Fusion – Gradient Code – #ff00cc → #333399

Crimson Tide

Crimson Tide – Gradient Code – #c6426e → #642b73

Day Tripper

Day Tripper – Gradient Code – #ff5858 → #f857a6

Dimigo

Dimigo – Gradient Code – #fc6767 → #ec008c

Easymed

Easymed – Gradient Code – #dce35b → #45b649

Electric Violet

Electric Violet – Gradient Code – #4776e6 → #8e54e9

Ibiza Sunset

Ibiza Sunset – Gradient Code – #ff6a00 → #ee0979

Instagram Gradient

Instagram – Gradient Code – #833ab4 → #fd1d1d → #fcb045

Mango Gradient

Mango – Gradient Code – #ffe259 → #ffa751

Mello

Mello – Gradient Code – #8e44ad → #c0392b

Messenger

Messenger – Gradient Code – #00c6ff → #0072ff

Netflix

Netflix – Gradient Code – #8e0e00 → #1f1c18

Oh Happiness

Oh Happiness – Gradient Code – #96c93d → #00b09b

Orange Coral

Orange Coral – Gradient Code – #ff9966 → #ff5e62

Passion

Passion – Gradient Code – #e35d5b → #e53935

Pinky

Pinky – Gradient Code – #f7bb97 → #dd5e89

Purpink

Purpink – Gradient Code – #e100ff → #7f00ff

Relay

Relay – Gradient Code – #ffaf7b → #d76d77 → #3a1c71

Roseanna

Roseanna – Gradient Code – #ffc3a0 → #ffafbd

Shifter

Shifter – Gradient Code – #f80759 → #bc4e9c

Shore

Shore – Gradient Code – #70e1f5 → #ffd194

Timber

Timber – Gradient Code – #00dbde → #fc00ff

Vanusa

Vanusa – Gradient Code – #da4453 → #89216b

Virgin America

Virgin America – Gradient Code – #dc2430 → #7b4397

YouTube – Gradient

YouTube – Gradient Code – #e52d27 → #b31217

Download links:

Download 300+ Pack:
File type: .GRD (Photoshop Gradient)
File size: 213.7kb
Download

Download Bonus Pack:
File type: .GRD (Photoshop Gradient)
File size: 22kb
Download

How to Install Gradient File (GRD) in Adobe Photoshop:

1. Go to Edit > Preset > Preset Manager

2. Select Preset Type: Gradients (Short key: Command + 3)

3. Click Load, locate your GRD file and click to open

4. Your gradients will be available to use with your Gradient tool, or where gradients are found in Layer Styles (Window > Tools or Layer > Layer Styles).

Enjoy!!
Tip: Save your GRD file in the same location as your other Photoshop gradients (Adobe Photoshop > Presets > Gradients)

Exit mobile version
Skip to toolbar