Young Passion

A vibrant and playful color scheme featuring shades of salmon, vivid tangerine, geraldine, chestnut rose, and hibiscus.

🎨 Use this gradient to add a lively and energetic touch to your designs.

💡 Did you know that the color salmon is named after the fish species? It is said to resemble the flesh color of the salmon fish.

CSS Linear Gradient Code

/* Young Passion CSS Linear Gradient Background */
.gradient {
  background: #ff8177;
  background: linear-gradient(
    to right,
    #ff8177,#ff867a,#ff8c7f,#f99185,#cf556c,#b12a5b
  );
}

TailwindCSS Linear Gradient

/* Young Passion TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#ff8177] via-[#ff867a] to-[#ff8c7f]"></div>

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

@illyism

I love this Young Passion color palette gradient background 👍

December 21, 2024 at 4:59 PM

CSS Linear Gradient Button

Home

Why Young Passion?

Linear Gradient Border

Young Passion

Press me 👆

CSS Font Gradient

The Best Young Passion Tailwind CSS Landing Pages

Shade of Young Passion

We hope you enjoyed Young Passion. Keep reading for more amazing colorful content for developers, designers and creators!

View our entire collection of UI gradients View all our color names

Nelson