Paris Paving
#737274
Paris Paving is a deeper, cooler gray anchor
About Paris Paving
Paris Paving is the gray I catch myself using when a surface needs to feel paved and settled, not flat and not metallic. It lands in the mid-value zone, a touch dimmer than Excalibur, with a slightly higher saturation than Cement Feet. Compared to Chain Mail's cooler, denser metal vibe, this one reads more like a softly dusted concrete panel.
I reach for it in settings pages and content-heavy UI where you want structure without that "tech bunker" chill. It also works well in dashboards and finance-style tables, especially when you're mixing icons, form controls, and dense labels and you don't want the background to fight the data. Against the warmer drift of Cement Feet, Paris Paving stays more neutral, so your layout feels steady rather than grounded-in-brown.
Pair it with type that has real weight. If you go too thin or too light, it starts to feel like the interface is holding its breath instead of sitting confidently.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.