Grey color palette
Grey gives any accent room to stand out. This palette pairs three greys, from gainsboro (#dcdcdc) to dark slate grey (#2f4f4f), with four accents and shows how each reads against them.
Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.
At a glance
- Base: Slate grey
- #708090 · white text 4.05:1 (AA large), near-black text 4.46:1 (AA large)
- Source: w3.org, checked 2026-11
- Complementary colour (180°)
- #8b7b6b
- Analogous colours (±30°)
- #6a838a and #797d91
- Triadic colours (120° and 240°)
- #8f777a and #78826e
- Text on the scale
- White text passes AA from step 600; near-black text passes up to step 500
Give your page these colours
A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.
Grey color palette: what to know
This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.
Accents on grey
Goldenrod (#daa520): 1.63:1 on gainsboro, 3.98:1 on dark slate grey.
Coral (#ff7f50): 1.82:1 on gainsboro, 3.57:1 on dark slate grey.
Teal (#008080): 3.48:1 on gainsboro, 1.87:1 on dark slate grey.
Medium violet red (#c71585): 3.95:1 on gainsboro, 1.64:1 on dark slate grey.
Warm accents (goldenrod, coral) look brighter on cool greys like slate. On a light grey, use the accent for shapes and large type; on dark slate grey, the warm accents clear 4.5:1 for text as well.
Questions
What colors go well with grey?
Almost anything, which is why grey is popular. Warm accents such as mustard, coral and blush stand out most; teal and navy give a calm, cool look.
What color makes grey pop?
A warm, saturated accent. Goldenrod and coral against a cool slate grey give the strongest lift.