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 👍

January 28, 2026 15:18

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!

View our entire collection of UI gradients

View all our color names

Mango Pulp

Carrot Orange

Confetti