Mango Pulp

A vibrant blend of mango pulp and confetti, perfect for a fun, tropical vibe.

🎨 Use this gradient for summer-themed designs.

💡 This gradient is inspired by the colors of a ripe mango and festive confetti.

Carrot Orange
#F09819
Confetti
#EDDE5D

CSS Linear Gradient Code

/* Mango Pulp CSS Linear Gradient Background */
.gradient {
  background: #F09819;
  background: linear-gradient(
    to right,
    #F09819,#EDDE5D
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Mango Pulp TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#F09819] to-[#EDDE5D]"></div>

Mango Pulp - 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 Pulp color palette gradient background 👍
December 25, 2024 at 5:50 AM

CSS Linear Gradient Button

Home
Why Mango Pulp?

Linear Gradient Border

Mango Pulp
Share

CSS Font Gradient

The Best Mango Pulp Tailwind CSS Landing Pages

Shade of Mango Pulp

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