Confident Cloud

Confident Cloud: Snuff #dad4ec,Snuff #dad4ec,Soft Peach #f3e7e9

🎨 Mix and match these soft pastel shades for a calming and soothing effect.

💡 This color scheme was inspired by the peacefulness of a cloudy day and the warmth of a soft peach.

Snuff
#DAD4EC
Snuff
#DAD4EC
Soft Peach
#F3E7E9

CSS Linear Gradient Code

/* Confident Cloud CSS Linear Gradient Background */
.gradient {
  background: #dad4ec;
  background: linear-gradient(
    to right,
    #dad4ec,#dad4ec,#f3e7e9
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Confident Cloud TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#dad4ec] via-[#dad4ec] to-[#f3e7e9]"></div>

Confident Cloud - 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 Confident Cloud color palette gradient background 👍
December 21, 2024 at 12:27 PM

CSS Linear Gradient Button

Home
Why Confident Cloud?

Linear Gradient Border

Confident Cloud
Share

CSS Font Gradient

The Best Confident Cloud Tailwind CSS Landing Pages

Shade of Confident Cloud

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