Mango Papaya

Mango Papaya gradient blends Red Damask & Malachite for a tropical vibe.

🎨 Use this gradient for a vibrant, energetic design.

💡 This gradient is inspired by the colors of tropical fruits, mango and papaya.

Red Damask
#DE8A41
Malachite
#2ADA53

CSS Linear Gradient Code

/* Mango Papaya CSS Linear Gradient Background */
.gradient {
  background: #de8a41;
  background: linear-gradient(
    to right,
    #de8a41,#2ada53
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Mango Papaya TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#de8a41] to-[#2ada53]"></div>

Mango Papaya - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Ilias Ism
Ilias Ism
@illyism
I love this Mango Papaya color palette gradient background 👍
December 26, 2024 at 1:45 PM

CSS Linear Gradient Button

Home
Why Mango Papaya?

Linear Gradient Border

Mango Papaya
Share

CSS Font Gradient

The Best Mango Papaya Tailwind CSS Landing Pages

Shade of Mango Papaya

We hope you enjoyed Mango Papaya. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names
Martini