Shady Character
#4c4b4c
Cooler, deeper gray for shadowed UI text
About Shady Character
This one looks like a charcoal smudge on matte glass after hours, not a void and not a dusty wipe. Shady Character sits dark and steady, but it's just a touch lighter than the deeper darks in the set, so it doesn't swallow interface elements the way heavier grays do. The undertone stays truly gray, with a restrained neutrality that feels more controlled than the faint purple lean you'll notice in Black Magic.
I use it when I need a dark base that still lets typography breathe, especially for editorial and content-heavy layouts where you want panels to recede without going lifeless. It also works well in waveform-heavy audio views and production timelines, because the surface stays readable under layered highlights and scrub states. Compared with Magnet, Shady Character feels less steel-cool and less "clean slate" than that mid-dark, it reads more grounded.
Pair it with crisp whites and slightly muted accents; if you lean too warm, it can start to look dull against bright signals. For hierarchy, I treat it like the "quiet stage" under active controls, not the color you let do the talking.
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.