Stonewall Grey
A balanced, versatile neutral grey tone
Stonewall Grey is a pale, neutral shade that sits comfortably between stark white and darker charcoal. Because it offers high contrast for black typography, the hex code #c1c1c1 functions perfectly as a clean, legible background for UI design. Avoid using it alongside very light tones, as it can appear washed out. It performs best when paired with deep, saturated accent colors to create visual weight.
About Stonewall Grey
Ash under a thin coat of frost
What does stonewall grey mean?
Grey commonly stands for neutrality, balance, and restraint. Almost no saturation and high lightness give this grey a hushed, airy feel.
Where you see stonewall grey
- concrete sidewalks
- newsprint
- pencil lead
- silverware
- fog
- ash
What it works for
It works well as a background, a divider, or a text color on dark surfaces, because it stays neutral and lets stronger colors lead.
What colors go with stonewall grey?
Dusty Rose #b56f76The faded pink warms the grey while staying just as muted and soft.Navy Blue #000080Deep navy gives this light grey a crisp anchor without adding noise.Burnt Sienna #a93400Rusty orange adds heat that the cool, ashy grey completely lacks.Forest Green #154406Dark green turns the grey into a quiet backdrop for a natural mood.Mustard #ffdb58Mustard pops hard against the grey because both share a dusty, worn quality.Charcoal #36454fThe dark grey doubles the lightness range and keeps the whole palette neutral.
Questions about Stonewall Grey
What is the hex code for Stonewall Grey?
Stonewall Grey is #c1c1c1. In RGB that is rgb(193, 193, 193), in HSL hsl(0, 0%, 76%) and in CMYK 0%, 0%, 0%, 24%.
Does #c1c1c1 Stonewall Grey have a warm or cool undertone?
Stonewall Grey is a true neutral, meaning it lacks a strong bias toward either warm yellow or cool blue undertones. This makes #c1c1c1 an incredibly safe choice for web interfaces where you want to maintain a completely impartial, professional background.
Is Stonewall Grey readable on white or black?
Stonewall Grey has a 1.80:1 contrast ratio on white and 11.66:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.