Slate
Slate Color
Slate is a cool, blue-tinted gray that feels solid and professional. It is a favorite for corporate design, data visualization, and interfaces that need calm authority.
Pair it with white and a warm accent for a professional palette.
The Slate Color Palette
Five colors built around slate — its tints, shades, and complementary partner.
Colors That Go With Slate
Three ready-made combinations. Click any swatch to copy it, or explore the full guide.
Soft & Dreamy
A gentle, harmonious mix built from slate and its closest neighbors on the color wheel.
Bold Contrast
Slate against its complementary color and deep shades for a palette with real presence.
Fresh & Playful
A lively split-complementary combination that keeps slate as the star.
Shades of Slate
Darker versions, mixed toward black.
Tints of Slate
Lighter versions, mixed toward white.
Color Harmonies with Slate
Complementary
Analogous
Triadic
Split Complementary
Tetradic
Monochromatic
Contrast Combinations
How slate performs as a background with common text colors, per WCAG.
White text
Ratio 2.19:1
FailBlack text
Ratio 9.60:1
AAAInk text
Ratio 6.60:1
AA