Summer Breeze

Summer Breeze is a refreshing blend of Sweet Corn #fbed96 and Water Leaf #abecd6, evoking a sense of warmth and tranquility.

๐ŸŽจ This gradient is perfect for a summer-themed design or to bring a touch of nature into your project.

๐Ÿ’ก The Sweet Corn color is often associated with joy and happiness, while Water Leaf represents calm and relaxation.

CSS Linear Gradient Code

/* Summer Breeze CSS Linear Gradient Background */
.gradient {
  background: #fbed96;
  background: linear-gradient(
    to right,
    #fbed96,#abecd6
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Summer Breeze TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#fbed96] to-[#abecd6]"></div>

Summer Breeze - 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 Summer Breeze color palette gradient background ๐Ÿ‘
June 20, 2024 at 11:43 AM

CSS Linear Gradient Button

Home
Why Summer Breeze?

Linear Gradient Border

Summer Breeze
Share

CSS Font Gradient

The Best Summer Breeze Tailwind CSS Landing Pages

Shade of Summer Breeze

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