Colors that go with slate gray
Slate gray (#708090) is a medium gray. Colors that go well with slate gray include Wet Taupe (#908070), Chocolate Temptation (#907070), Cavolo Nero (#709090), Bureaucracy (#707090), Fruit of Passion (#907080). For a safe, polished look, pair slate gray with a soft off-white like #F3F5F8 and a deep neutral like #181B1E; for contrast, add a touch of its complement #908070.
Best colors to pair with slate gray
- ComplementaryWet Taupe #908070
Opposite slate gray on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryChocolate Temptation #907070
Sits next to slate gray's complement: lively contrast with less tension than the direct opposite.
- AnalogousCavolo Nero #709090
A neighbouring hue that blends naturally with slate gray for calm, cohesive designs.
- AnalogousBureaucracy #707090
The neighbour on the other side of slate gray — pair both for a soft, harmonious scheme.
- TriadicFruit of Passion #907080
One third of the way around the wheel from slate gray: vibrant but balanced.
- Light neutralChef’s Hat #F3F5F8
An off-white with a hint of slate gray — an easy background that never feels stark.
- Dark neutralCoco’s Black #181B1E
A deep, slate gray-tinted near-black for text and dark sections; softer than pure black.
- GrayMonument #838A90
A warm-or-cool gray matched to slate gray for borders, captions and secondary UI.
Slate gray color palettes
Each palette keeps #708090 in the middle; open one in the generator to tweak it.
- DFF3F99BACC370809056676C494956Analogous Slate gray palette
- 20232961574F708090A8BDD3D8CEC2Complementary Slate gray palette
- 3125205C5C4D7080908FA0B4D2DBE3Split complementary Slate gray palette
- E8D4D6939E89708090535E681F262BTriadic Slate gray palette
- 909AA65A6671708090242B33BEC7D0Monochromatic Slate gray palette
- 1D232B5C6672708090EDE7E0AAA195Balanced Slate gray palette
From our palette library
Text and backgrounds with slate gray
Check any other pair with the contrast checker.
FAQ
What colors go with slate gray?
Wet Taupe (#908070), Chocolate Temptation (#907070), Cavolo Nero (#709090), Bureaucracy (#707090), Fruit of Passion (#907080) go well with slate gray. Neutrals such as #F3F5F8 and #181B1E are the easiest companions, and #908070 adds bold contrast as its complementary color.
What is the complementary color of slate gray?
The complementary color of slate gray (#708090) is #908070 (Wet Taupe), which sits opposite it on the color wheel.
What neutral colors go with slate gray?
Off-whites, creams and grays with a slight slate gray tint, such as #F3F5F8 and #838A90, plus a deep near-black like #181B1E. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on slate gray?
Black text on #708090 has a contrast ratio of 5.18:1 (good). For slate gray text, use a background like #000000 (5.18:1, good).
Is slate gray a warm or cool color?
Slate gray is a neutral color in the gray family.