Guten

Color Palette

Slate Gray Color Palette

Slate gray is a cool, blue-toned gray inspired by the natural stone. It feels professional, calm, and modern. This palette offers five variations from deep slate to lighter, almost silver tones, making it perfect for tech brands, corporate design, and modern UI themes that need a neutral with personality.

#708090Base
#4A5A6A
#5C6C7C
#8898A8
#A0B0BC
#B8C4D0
Open in Palette Generator

Color Values

#708090rgb(112, 128, 144)hsl(210, 13%, 50%)
#4A5A6Argb(74, 90, 106)hsl(210, 18%, 35%)
#5C6C7Crgb(92, 108, 124)hsl(210, 15%, 42%)
#8898A8rgb(136, 152, 168)hsl(210, 16%, 60%)
#A0B0BCrgb(160, 176, 188)hsl(206, 17%, 68%)
#B8C4D0rgb(184, 196, 208)hsl(210, 20%, 77%)

Frequently Asked Questions

›What is the hex code for slate gray?

The CSS named color slategray is #708090. Light slate gray (#778899) is a lighter variant. Both are valid CSS color names.

›What is the difference between slate gray and charcoal?

Slate gray (#708090) is lighter and has distinct blue undertones, while charcoal (#36454F) is darker and warmer. Slate gray feels cooler and more open; charcoal feels heavier.

›What colors pair well with slate gray?

Slate gray works well with white (#FFFFFF), coral (#FF7F50), gold (#FFD700), sage green (#BCB88A), and blush pink (#DE5D83). Its blue undertone adds sophistication to warm accent colors.

slate gray paletteslate grey color schemeslate gray shadesslate gray hex codeblue gray palette