About Do Not Disturb
This one reads like a quiet maintenance coat on a dark UI. Do Not Disturb sits in that near-black gray zone, but it feels more settled and serviceable than Inkblot's chalky thickness, and less companionable than Artist's Charcoal's slight warmth. Against In the Dark, it's a touch more muted and less lifted, so panels don't suddenly look "clarified" at their borders.
I use it as the dark-mode base when the screen has to behave for hours. Think dashboards and newsroom interfaces, where status pills, metadata rails, and dense cards need consistent separation without pulling focus. It also works in video editing and photo review workflows, especially for inspector sidebars and waveform panes where you want secondary grays to stay put under scrolling.
Pair it with cleaner, cooler accents and keep borders subtly defined, because this shade can make low-contrast dividers look flatter than you planned.
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.
