Shroom Haze

Shroom Haze blends Daisy Bush and Steel Blue for a mystical, cool vibe.

  • 🎨 Use this gradient for a calming, mysterious design.
  • 💡 This gradient is inspired by the colors of a misty forest at dawn.
Daisy Bush

#5c258d

Steel Blue

#4389a2

CSS Linear Gradient Code

				
					/* Shroom Haze CSS Linear Gradient Background */
.gradient {
  background: #5C258D;
  background: linear-gradient(
    to right,
    #5C258D,#4389A2
  );
}
				
			

TailwindCSS Linear Gradient

				
					/* Shroom Haze TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#5C258D] to-[#4389A2]"></div>
				
			

Shroom Haze - 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 Shroom Haze color palette gradient background 👍
July 7, 2025 01:36

CSS Linear Gradient Button

Home
Why Shroom Haze?
Get Started

Linear Gradient Border

Shroom Haze

CSS Font Gradient

The Best

Shroom Haze

Tailwind CSS

Landing Pages

Shade of Shroom Haze
We hope you enjoyed Shroom Haze. Keep reading for more amazing colorful content for developers, designers and creators!
Shroom Haze
Daisy Bush
Steel Blue