Launching soon on Product Hunt! - Get Notified

Lemon Twist

Lemon Twist: A vibrant blend of Chateau Green and Husk, refreshing and earthy.

๐ŸŽจ Great for spring-themed designs or eco-friendly brands.

๐Ÿ’ก This gradient is reminiscent of a ripe lemon, symbolizing freshness and vitality.

CSS Linear Gradient Code

/* Lemon Twist CSS Linear Gradient Background */
.gradient {
  background: #3CA55C;
  background: linear-gradient(
    to right,
    #3CA55C,#B5AC49
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Lemon Twist TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#3CA55C] to-[#B5AC49]"></div>

Lemon Twist - 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 Lemon Twist color palette gradient background ๐Ÿ‘
July 24, 2024 at 9:52 PM

CSS Linear Gradient Button

Home
Why Lemon Twist?

Linear Gradient Border

Lemon Twist
Share

CSS Font Gradient

The Best Lemon Twist Tailwind CSS Landing Pages

Shade of Lemon Twist

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