Disco Ball
#d4d4d4
Bright, neutral cool shimmer gray for crisp grids
About Disco Ball
Disco Ball sits lighter than everything around it in this gray family, it's the one that actually reads as pale without tipping into white. Where Concrete feels like it's holding the page down and Catacomb Walls recedes into structural competence, this one has real presence as a background. It's got enough neutrality that it won't shift on you, but enough substance that it doesn't disappear either.
Reach for it in SaaS interfaces, light-mode editorial layouts, and packaging where you need breathing room but still want the background to do work. It pairs cleanly with type in any weight, gives photography actual space to land, and works in long-form reading apps where users aren't staring at high contrast all day. Financial dashboards that lean lighter, design tools, content platforms, anywhere Concrete feels too heavy or Athena starts reading warm.
The thing to know: it's bright enough that it can feel almost inert if you're not careful. Pair it with accents that have actual presence, not whisper-quiet grays. Too many colors at the same lightness level and everything flatlines.
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.