Windy

A vibrant color scheme with shades of Windy: Spindle and Aquamarine. It evokes a sense of freshness and tranquility.

๐ŸŽจ Try using this gradient in designs related to nature or water-themed projects. It adds a soothing and calming effect.

๐Ÿ’ก Did you know that the color Aquamarine is associated with the month of March and is believed to bring good luck and protection to those who wear it?

CSS Linear Gradient Code

/* Windy CSS Linear Gradient Background */
.gradient {
  background: #acb6e5;
  background: linear-gradient(
    to right,
    #acb6e5,#86fde8
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Windy TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#acb6e5] to-[#86fde8]"></div>

Windy - 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 Windy color palette gradient background ๐Ÿ‘
June 16, 2024 at 2:53 AM

CSS Linear Gradient Button

Home
Why Windy?

Linear Gradient Border

Windy
Share

CSS Font Gradient

The Best Windy Tailwind CSS Landing Pages

Shade of Windy

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