Ash
#bebaa7
Slightly warmer, dusted gray for print-ready backgrounds
About Ash
Ash is the gray that actually has a backbone. It sits darker and cooler than the colors around it, more substantial than Chrome White's near-invisibility, less warm than City Dweller's deliberate humanity. There's a slight dust to it, the kind of undertone that keeps it from feeling sterile without making it cozy. It commits.
You'll reach for this in product dashboards, dense interfaces, and content-heavy platforms where the background needs to hold its own without stealing focus. It pairs exceptionally clean with black type, doesn't apologize under fluorescent light, and won't shift toward beige the moment you add warmth nearby. Unlike Brume's careful neutrality, Ash has a small opinion built in, it's cooler and grounded, the color that says the work matters more than the backdrop.
One thing to watch: pair it with warm saturated accents and you'll feel the temperature resistance. It's not hostile, just clear about what it is. That's exactly when it works best.
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.