Windy

A vibrant color scheme with shades of Windy: Spindle #acb6e5 and Aquamarine #86fde8. 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?
Spindle

#acb6e5

Aquamarine

#86fde8

CSS Linear Gradient Code

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

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

Martha Samuel

@marthatalks

I love this Windy color palette gradient background 👍
July 7, 2025 00:21

CSS Linear Gradient Button

Home
Why Windy?
Get Started

Linear Gradient Border

Windy

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!
Windy
Spindle
Aquamarine