Cloudy Apple

Cloudy Apple: Soft Peach to Solitude, a gradient of warmth to cool tranquility.

🎨 Great for a calming app or website design.

💡 This gradient mimics the colors of a serene sunrise, bringing peace to viewers.

Soft Peach
#F3E7E9
Solitude
#E3EEFF
Solitude
#E3EEFF

CSS Linear Gradient Code

/* Cloudy Apple CSS Linear Gradient Background */
.gradient {
  background: #f3e7e9;
  background: linear-gradient(
    to right,
    #f3e7e9,#e3eeff,#e3eeff
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Cloudy Apple TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#f3e7e9] via-[#e3eeff] to-[#e3eeff]"></div>

Cloudy Apple - 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 Cloudy Apple color palette gradient background 👍
November 21, 2024 at 12:26 PM

CSS Linear Gradient Button

Home
Why Cloudy Apple?

Linear Gradient Border

Cloudy Apple
Share

CSS Font Gradient

The Best Cloudy Apple Tailwind CSS Landing Pages

Shade of Cloudy Apple

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