Spacescape

#222255

Near-black violet for high-contrast spaces

Save
Share

About Spacescape

Spacescape reads like a deep screen-glow purple that stays disciplined: the kind of shade you see on a dim interface right after the room lights go down. Compared with Fly-by-Night, it's not quite as "too-purple" and dark, and it feels less like a bright shadow. Versus Pāua, it loses that shell-like pearly lift and turns more velvety. And against , it comes across cooler and heavier, more surface than signal.

I use Spacescape for secondary UI surfaces when you want purple presence without that lighter, more "alive" mid tone. It's especially handy in dashboards and finance apps for table headers, container panels, and inactive chips where you still need hierarchy. In product settings screens for fintech and analytics tools, it helps focus rings and selected rows read as purple, not just tinted gray.

Quirk: if your background is very black or very near-navy, Spacescape can flatten visually, so pair it with crisp text colors and keep your accent states slightly brighter than the base.

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
14.71:1AAA

On Gray 100 #f5f5f5

Aa
13.49:1AAA

On Gray 900 #18181b

Aa
1.20:1Fail

On Black #000000

Aa
1.43: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.

Similar colors

Create a gradient with Spacescape

Open the generator with this color pre-loaded.

Start creating