Steel Gray

Steel Gray and Manatee create a cool, sophisticated palette with a touch of mystery.

  • 🎨 Great for professional designs with a modern twist.
  • 💡 Steel Gray is often used in industrial design, while Manatee is named after the sea creature.
Steel Gray

#1f1c2c

Manatee

#928dab

CSS Linear Gradient Code

				
					/* Steel Gray CSS Linear Gradient Background */
.gradient {
  background: #1F1C2C;
  background: linear-gradient(
    to right,
    #1F1C2C,#928DAB
  );
}
				
			

TailwindCSS Linear Gradient

				
					/* Steel Gray TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#1F1C2C] to-[#928DAB]"></div>
				
			

Steel Gray - 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 Steel Gray color palette gradient background 👍
October 7, 2025 09:21

CSS Linear Gradient Button

Home
Why Steel Gray?
Get Started

Linear Gradient Border

Steel Gray

CSS Font Gradient

The Best

Steel Gray

Tailwind CSS

Landing Pages

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