Launching soon on Product Hunt! - Get Notified

Velvet Sun

Velvet Sun blends Tahuna Sands & Carnation, creating a vibrant, warm gradient.

๐ŸŽจ Use this gradient to evoke feelings of warmth and energy.

๐Ÿ’ก This gradient is reminiscent of a summer sunset, blending the colors of the sun and flowers.

CSS Linear Gradient Code

/* Velvet Sun CSS Linear Gradient Background */
.gradient {
  background: #e1eec3;
  background: linear-gradient(
    to right,
    #e1eec3,#f05053
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Velvet Sun TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#e1eec3] to-[#f05053]"></div>

Velvet Sun - 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 Velvet Sun color palette gradient background ๐Ÿ‘
July 20, 2024 at 7:26 AM

CSS Linear Gradient Button

Home
Why Velvet Sun?

Linear Gradient Border

Velvet Sun
Share

CSS Font Gradient

The Best Velvet Sun Tailwind CSS Landing Pages

Shade of Velvet Sun

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