Forever Lost

Forever Lost: Eggplant meets Spring Rain, a blend of mystery and freshness.

🎨 Use this gradient for a modern, chic design.

💡 This gradient combines the depth of eggplant with the lightness of spring rain, creating a unique contrast.

Eggplant
#5D4157
Spring Rain
#A8CABA

CSS Linear Gradient Code

/* Forever Lost CSS Linear Gradient Background */
.gradient {
  background: #5D4157;
  background: linear-gradient(
    to right,
    #5D4157,#A8CABA
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Forever Lost TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#5D4157] to-[#A8CABA]"></div>

Forever Lost - 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 Forever Lost color palette gradient background 👍
December 21, 2024 at 4:22 PM

CSS Linear Gradient Button

Home
Why Forever Lost?

Linear Gradient Border

Forever Lost
Share

CSS Font Gradient

The Best Forever Lost Tailwind CSS Landing Pages

Shade of Forever Lost

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