Launching soon on Product Hunt! - Get Notified

Healthy Water

Healthy Water: Morning Glory #96deda,Puerto Rico #50c9c3

๐ŸŽจ Use this gradient to create a refreshing and vibrant look in your designs.

๐Ÿ’ก The colors in this gradient are inspired by the beautiful waters of Morning Glory and Puerto Rico.

CSS Linear Gradient Code

/* Healthy Water CSS Linear Gradient Background */
.gradient {
  background: #96deda;
  background: linear-gradient(
    to right,
    #96deda,#50c9c3
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Healthy Water TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#96deda] to-[#50c9c3]"></div>

Healthy Water - 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 Healthy Water color palette gradient background ๐Ÿ‘
July 17, 2024 at 7:58 PM

CSS Linear Gradient Button

Home
Why Healthy Water?

Linear Gradient Border

Healthy Water
Share

CSS Font Gradient

The Best Healthy Water Tailwind CSS Landing Pages

Shade of Healthy Water

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