Quiet Abyss

#160435

Muted deep violet-gray for softened contrast panels

Save
Share

About Quiet Abyss

Quiet Abyss is the purple I see when a dark theme is supposed to feel deep but still readable, like color ink caught inside a thick charcoal haze. It's not as near-black as , and it doesn't tighten into the velvet-black control of . Compared with , it stays more consistently purple, less glassy, with a calmer saturation and slightly higher lightness that keeps it from feeling sealed shut.

I use it for UI surfaces that need to look intentional without stealing focus: panels and card backgrounds in dashboards and finance apps, sidebar rails in legal and archival portals, and editor chrome in studio CMS workflows where you're stacking headings, metadata, and dense text. It also plays nicely under photos and video thumbnails because the undertone doesn't skew icy the way some dark violets do.

One caution: pair it with neutral cool greys rather than warm beiges. Heat around it will make it feel flatter and more bruised than you intended.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
19.04:1AAA

On Gray 100 #f5f5f5

Aa
17.47:1AAA

On Gray 900 #18181b

Aa
1.07:1Fail

On Black #000000

Aa
1.10:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Quiet Abyss

Open the generator with this color pre-loaded.

Start creating