Launching soon on Product Hunt! - Get Notified

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.

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 ๐Ÿ‘
July 17, 2024 at 8:45 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