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 Logo 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

Ilias Ism
Ilias Ism
@illyism
I love this Steel Gray color palette gradient background 👍
December 12, 2024 at 9:35 AM

CSS Linear Gradient Button

Home
Why Steel Gray?

Linear Gradient Border

Steel Gray
Share

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!
View our entire collection of UI gradientsView all our color names
Steel Gray