Mirage

Mirage and William create a deep, mysterious gradient, perfect for a night sky theme.

  • 🎨 Use this gradient for a calming, night-time design.
  • 💡 This gradient is named after the colors Mirage and William, often associated with the sea and night sky.
Mirage

#16222a

William

#3a6073

CSS Linear Gradient Code

				
					/* Mirage CSS Linear Gradient Background */
.gradient {
  background: #16222A;
  background: linear-gradient(
    to right,
    #16222A,#3A6073
  );
}
				
			

TailwindCSS Linear Gradient

				
					/* Mirage TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#16222A] to-[#3A6073]"></div>
				
			

Mirage - 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 Mirage color palette gradient background 👍
July 6, 2025 23:56

CSS Linear Gradient Button

Home
Why Mirage?
Get Started

Linear Gradient Border

Mirage

CSS Font Gradient

The Best

Mirage

Tailwind CSS

Landing Pages

Shade of Mirage
We hope you enjoyed Mirage. Keep reading for more amazing colorful content for developers, designers and creators!
Mirage
Mirage
William