Space Colonisation
#150f5b
Deep periwinkle violet for night-sky panels
About Space Colonisation
Space Colonisation is the purple I spot when a dark UI needs more lift than "almost-black" but still wants to stay cool. It's richer than the stormier, blue-pushed Dying Storm Blue, and less sealed-in than Deadly Depths. Compared to Interstellar Blue, it keeps a fuller violet undertone instead of turning ink-gray or icy. The result is a confident dark purple that reads as purple first, not blue.
I use it for dashboards and finance apps when selected states, active tabs, and chart series need to look intentional without going overly storm-front. You'll see it in fintech and operations panels where tables stay legible, form focus areas look anchored, and media-heavy CMS admin screens need a strong container fill that doesn't feel heavy.
Caution: don't pair it with chalky sand tones. They can make the violet drift and lose its crisp coolness. Slate and midnight neutrals keep it grounded, and it works best when you want the one you reach for between restrained depth and slight brightness.
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.
Similar colors
Create a gradient with Space Colonisation
Open the generator with this color pre-loaded.
Start creating