41 Shades of Slate Color

You’ve probably seen slate a hundred times without thinking about it: bathroom tiles, laptop casings, that one accent wall in every real estate listing since 2018. The color takes its name from the metamorphic rock, and it’s every bit as versatile in practice. Below you’ll find every slate color shade from cool blue-grays to deep charcoals, each with hex codes and RGB values ready to go.

More Colors

#516572

Slate Color
Layered roofing slate on a Welsh farmhouse, cool blue-gray with weight to it. Slate color (#516572) lands calm, professional, architectural. Dark mode UI palettes and tech interfaces make heavy use of exactly this hex.
#2f4f4f

Dark Slate Grey Color
Wet roofing slate has this exact deep, blue-green tinted charcoal. Dark slate grey color (#2f4f4f) has been a CSS staple since the earliest web palettes, and white text sits on it with excellent contrast. It anchors dark modes and moody editorial layouts.
#7b68ee

Medium Slate Blue Color
Medium slate blue is a bright periwinkle pulled from the CSS named-color list, a lively blend of blue and violet. The medium slate blue color is the shade of a spring iris. Try medium slate blue color hex code #7b68ee for a cheerful, slightly dreamy pop in a design.
#59656d

Slate Grey Color
Slate grey is a blue-leaning grey, the exact color of the stone roofing tiles it’s named for. The slate grey color has a cool, wet-stone quality. It’s a workhorse neutral for interfaces that want to feel calm and serious.
#5b7c99

Slate Blue Color
Overcast skies and old chalkboards. Slate blue color (#5b7c99) is a muted, greyed-out mid-blue with the personality of a well-worn work shirt. Pair with cream and rust for heritage; with white and black for something more modern.
#214761

Dark Slate Blue Color
Cold, deep, and a touch corporate. Dark slate blue color (#214761) is a muted navy with a grey undertone, which lets it read serious without going harsh. Perfect for financial services websites, blazer linings, and any design that needs to feel dependable.