Launching soon on Product Hunt! - Get Notified

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.

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 ๐Ÿ‘
July 24, 2024 at 8:50 PM

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