Launching soon on Product Hunt! - Get Notified

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 Logo 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
Ilias Ism
@illyism
I love this Young Passion color palette gradient background ๐Ÿ‘
July 24, 2024 at 10:01 PM

CSS Linear Gradient Button

Home
Why Young Passion?

Linear Gradient Border

Young Passion
Share

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 gradientsView all our color names