Monochrome Color Palettes
Twelve monochrome palettes with hex codes — generate endless more with the free tool below.
#4e565a · #45464a · #242929 · #d8d5d5 · #b2aca9
#d2d5d2 · #5b5d5b · #8e9287 · #212022 · #2c292e
#d5d7d7 · #6a6d71 · #a4a8a7 · #857a7e · #e5e2e1
#7d7d7d · #e0dcde · #c5c1c8 · #303130 · #5e5e5e
#aab1b0 · #aab1b5 · #616b65 · #6e5e68 · #2d2a2a
#b7b8b8 · #777983 · #cfd3d3 · #292323 · #dad8d7
#4c5752 · #bdc1c1 · #b9c0ba · #898089 · #aeadad
#989490 · #b3b3ad · #dcd6d6 · #232424 · #c5c7c9
#aeadad · #c9c3c0 · #665c60 · #252726 · #777979
#6d7378 · #414249 · #4c4d4d · #242323 · #a3a09f
#9c9c9c · #c0bfbf · #5f585c · #7e8b83 · #c6cdcb
#403a40 · #5f595b · #7d7d7d · #b5b7b4 · #a4ada4
Want more? Generate unlimited monochrome palettes, or anchor one on your own base color.
Open the Color Palette GeneratorUsing a monochrome palette
A monochrome palette removes hue from the toolbox entirely, which means every job color normally does — hierarchy, emphasis, state, mood — must be reassigned to lightness, scale, and typographic weight. That reassignment is the real work: grayscale designs fail not because they are gray but because the gray steps are too close together to carry structure, so build the ladder deliberately, with at least 15-20 points of lightness between functional levels. Photography portfolios, architecture studios, and editorial brands choose monochrome because it defers completely to imagery and content. The economics of the single accent apply at full force here — if you permit one color, that color becomes the entire interactive language (links, buttons, alerts), so choose it for legibility, not taste. Watch for accidental temperature: nominally neutral grays often carry a blue or yellow cast that shifts the whole design.
Frequently asked questions
How many gray steps does a monochrome design need?
Usually five to seven, spaced at least 15 points of lightness apart: near-white background, one or two panel grays, a mid gray for secondary text, a near-black for primary text. Fewer steps and the hierarchy collapses; more and the differences stop being perceptible.
Should monochrome grays be perfectly neutral?
They rarely are, and that is fine if it is chosen. A slight warm cast makes grayscale feel like paper and ink; a cool cast feels technical and screen-native. The failure mode is mixing warm and cool grays unintentionally, which reads as a rendering error.
What happens when I add one color to a monochrome scheme?
That color inherits every interactive meaning at once — links, buttons, focus states, alerts all default to it. Pick a hue that passes contrast at both light and dark weights, because it will be asked to work on every background gray in the system.