About Piano Black
I think of Piano Black as the moment a UI stops being gray and starts acting like a controlled instrument. It's not "black-black" like Back in Black, and it doesn't have that steadier, slightly lighter lift of Eigengrau. Instead, it sits in-between, where the surface looks piano-smooth and absorbs light in a very measured way, so it feels deep without going void.
Compared with Dark Void, this one reads a touch more anchored and less submerged, with a faintly neutral, almost inked undertone that keeps it from feeling smoky or washed. I use it for editor surfaces and dark transport layers in video post pipelines when you want hierarchy that stays composed during long sessions. It also works in dashboards and finance apps where charts need weight, but the background can't steal focus or look like a near-black screen cap.
Pair it with borders and typography that are just a little brighter than you'd usually choose, because this shade drinks contrast more than it grabs it.
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.
