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.
Chateau Green

#3ca55c

Husk

#b5ac49

CSS Linear Gradient Code

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

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

Martha Samuel

@marthatalks

I love this Lemon Twist color palette gradient background 👍
July 7, 2025 04:06

CSS Linear Gradient Button

Home
Why Lemon Twist?
Get Started

Linear Gradient Border

Lemon Twist

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!
Lemon Twist
Chateau Green
Husk