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 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

Martha Samuel

@marthatalks

I love this Mango Pulp color palette gradient background 👍
July 6, 2025 23:49

CSS Linear Gradient Button

Home
Why Mango Pulp?
Get Started

Linear Gradient Border

Mango Pulp

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!
Mango Pulp
Carrot Orange
Confetti