Moonraker
#c0b2d7
Lighter, balanced lavender for airy purple UI
About Moonraker
Moonraker always reads like a lilac pulled slightly upward in the light, not dusty and not creamy. Compared to New Love, it's less gently warm and more clearly violet, so it doesn't soften into mauve-leaning neutrals. And unlike Fog Syringa, it doesn't turn hazy when the room cools, it stays crisp with a smoother, clearer presence than Digital Lavender.
I use Moonraker when the UI needs purple that feels present but controlled, especially for healthcare and skincare products where you want headers and section dividers to look clean on white without going smoky. It's also a strong fit for rehab and telehealth progress screens, step indicators, and subscription empty states, where you need the color to hold up over photos without making labels feel pressed.
Pair it with cool grays or soft off-whites; if you bring in beige, the violet starts to blur and you lose that "light, violet-forward" difference.
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.