Cityscape
#dae3e7
Soft neutral gray with city-ready calm balance
About Cityscape
Cityscape is the gray that actually looks like something. Not a void, not a barely-there whisper, it sits in that narrow band where it reads as intentional without pretending to be white. It's got enough substance to anchor a layout, but stays soft enough that it doesn't compete. The kind of color that works harder than it looks.
Reach for it in product interfaces, fintech dashboards, and editorial layouts where you need a surface that feels present but neutral. Think form backgrounds in banking apps, secondary panels in design tools, body copy areas in SaaS where readability matters more than visual drama. It's lighter than a true working gray but grounded enough to give structure. Unlike Airy, which feels like breathing room, Cityscape actually feels like a surface you're standing on.
The difference from its neighbors: it's warmer and more grounded than Celestial Cathedral's deliberate cool, and it's got just slightly more restraint than Castle in the Sky's saturation. It doesn't announce a temperature. Pair it with warm accents, cool accents, nearly anything, it'll settle in without complaint.
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.