Cool Gray Color Palettes
Twelve cool gray palettes with hex codes — generate endless more with the free tool below.
#acaeb9 · #5d5a6c · #71777a · #c3bab6 · #b3afa2
#a8aeb8 · #9896a6 · #4b595d · #6e6463 · #928c81
#818e9c · #b2b2c2 · #6c7475 · #817475 · #b4afa7
#55595e · #b5b6ba · #84999a · #b8a9a8 · #59514a
#a8a9ad · #9e99a8 · #adb3b8 · #837872 · #adaca4
#a0a3ac · #9b98a9 · #8b939c · #bfbcbb · #a19d91
#b5b6ba · #b1b0bf · #bcc1c2 · #8a7775 · #a7a295
#59616e · #6e6d7e · #6c7d84 · #85746f · #706b61
#8988a0 · #60596e · #949da8 · #9a9084 · #616250
#4d4d51 · #575161 · #71767f · #7e736d · #75746c
#a0a2b0 · #57535f · #646a73 · #b9b5b1 · #606057
#53575f · #b3b0ba · #65747b · #78716d · #8b876f
Want more? Generate unlimited cool gray palettes, or anchor one on your own base color.
Open the Color Palette GeneratorUsing a cool gray palette
Cool gray is the engineered neutral: gray with a deliberate blue undertone, held at such low saturation that the blue registers as temperature rather than color. It earns a theme of its own because that undertone is a real decision — against warm-neutral’s linen-and-plaster grays, cool grays read as glass, screens, and precision, the reason software interfaces, hardware brands, and enterprise design systems default to them. Build the set as a disciplined lightness sequence from near-charcoal to near-white; the hue never changes, so spacing those steps evenly is the entire craft. The faintly warm counter-grays that show up in the accent slots are useful for exactly one job: marking a surface as different — a callout, a hover state — without introducing an actual color. If the result feels cold, that is the theme working; warmth here should come from imagery, never from the grays.
Frequently asked questions
What makes a gray cool rather than neutral?
A trace of blue — a few percent of saturation around the blue hues is enough to shift the temperature without reading as color. Put a cool gray next to a warm greige and both undertones become obvious; alone, each just looks like gray.
When should I choose cool gray over warm neutral?
When the subject is technical: software, hardware, engineering, data. Cool gray flatters screenshots and UI imagery the way warm neutrals flatter linen and wood. Choosing by product photography is a reliable shortcut — match the undertone of what you are showing.
Do cool grays limit my accent color options?
Barely — a blue-cast gray field recedes behind nearly any accent. Warm accents like coral or amber create the strongest temperature pop, while blue accents risk melting into the undertone. Whatever you choose, check it against both your darkest and lightest gray steps.