Black Sabbath
#220022
Near-black magenta undertone for moody depth and contrast
About Black Sabbath
Black Sabbath is where the pink family goes almost invisible. It's so dark and desaturated that most people will read it as black first, then catch the faintest magenta undertone once they've stared at it for a second. Unlike Clairvoyant's actual purple depth or Cloak and Dagger's warm red pulse, this one refuses to perform.
You reach for it in dark mode UIs where you need a color that's technically there but won't distract, in product dashboards and data-heavy interfaces where restraint matters more than presence, in apps built for people who spend eight hours looking at screens. It sits comfortably on dark backgrounds and disappears almost completely on light ones, which is sometimes the point. The minimal saturation and cool temperature make it work as a secondary accent, an inactive state, a subtle indicator that doesn't need to shout.
Pair it with true blacks and cool grays; warm neutrals will pull it toward mauve and wreck what little presence it has. If you need the color to actually register, go Clairvoyant or Cloak and Dagger instead. This one's for when you want the architecture of color without the commitment.
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.