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

  1. #516572

    slate color 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.

  2. #7b68ee

    medium slate blue color 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.

  3. #214761

    dark slate blue color 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.

  4. #5b7c99

    slate blue color 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.

  5. #2f4f4f

    dark slate grey color 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.

  6. #658d6d

    slate green color 658d6d

    Slate Green Color

    Slate Green is muted mid-green on a grey base, steady and calm. A kitchen island or a study wall fits it. Cream trim and warm wood balance it.

  7. #0f261f

    deep slate green color 0f261f

    Deep Slate Green Color

    At #0f261f, Deep Slate Green is a near-black green and the darkest color in this set. The green surfaces only in bright light, and even then it’s darker than British racing green, like a pine forest floor at midnight.

  8. #59656d

    slate grey color 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.

  9. #5a5f68

    blue slate color 5a5f68

    Blue Slate Color

    Wet roofing slate, grey with a cold blue core. This is a rainy city street at dusk. Blue Slate color anchors a run of paler greys and looks sharp against warm oak.

  10. #4b3d33

    slate black color 4b3d33

    Slate Black Color

    Slate is cold blue-grey stone, so the name misleads slightly here. Slate Black color is a warm near-black with brown running through it, closer to dark earth or old walnut than to roofing slate.

Explore More Color Shades