Obsidian Shard
#060313
Ultrabold ink purple, cooler and drier than nearby
About Obsidian Shard
Obsidian Shard looks like a purple edge caught in a dark glass sheet, with the tint kept visible even when the light is low. Compared to Mysterious Depths, it feels less lifted and less "pool-like." Compared with Midnight, the purple reads closer to the surface, not coated and subdued. And next to Corbeau, it has a tighter, more restrained identity: less saturation punch, more controlled depth.
I use it when I need a dark panel that still insists on purple, especially in admin screens for media platforms, creator analytics for agencies, and workflow-heavy products like medical software and fintech dashboards. It's the one you reach for when you want hierarchy to stay crisp and the shade to behave like a deliberate base, not a near-black that disappears. Pair it with sharp lavender highlights and cool borders so the undertone stays clean.","_note":"{"intro":"Obsidian Shard looks like a purple edge caught in a dark glass sheet, with the tint kept visible even when the light is low. Compared to Mysterious Depths, it feels less lifted and less "pool-like." Compared with Midnight, the purple reads closer to the surface, not coated and subdued. And next to Corbeau, it has a tighter, more restrained identity: less saturation punch, more controlled depth.\n\nI use it when I need a dark panel that still insists on purple, especially in admin screens for media platforms, creator analytics for agencies, and workflow-heavy products like medical software and fintech dashboards. It's the one you reach for when you want hierarchy to stay crisp and the shade to behave like a deliberate base, not a near-black that disappears. Pair it with sharp lavender highlights and cool borders so the undertone stays clean."}
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.