Launching soon on Product Hunt! - Get Notified

Awesome Pine

Awesome Pine: A blend of Zinnwaldite's warm beige and Perfume's soft lavender.

๐ŸŽจ Great for a calming, nature-inspired design.

๐Ÿ’ก Zinnwaldite is a mineral named after Zinnwald, Germany, where it was discovered.

CSS Linear Gradient Code

/* Awesome Pine CSS Linear Gradient Background */
.gradient {
  background: #ebbba7;
  background: linear-gradient(
    to right,
    #ebbba7,#cfc7f8
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Awesome Pine TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#ebbba7] to-[#cfc7f8]"></div>

Awesome Pine - 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 Awesome Pine color palette gradient background ๐Ÿ‘
July 17, 2024 at 7:01 PM

CSS Linear Gradient Button

Home
Why Awesome Pine?

Linear Gradient Border

Awesome Pine
Share

CSS Font Gradient

The Best Awesome Pine Tailwind CSS Landing Pages

Shade of Awesome Pine

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