Sakura Night

#7b6c7c

Save

About Sakura Night

Sakura Night is the mauve-pink you notice in a dim workspace, where pink doesn't feel loud, it feels held back. Compared to Opera and Moonscape, it keeps less of that dusty gray coolness and more of a soft rose pulse. And next to Muted Purple, it reads noticeably lighter and less plummy, so it doesn't drift into that rosy-cool duskiness.

On screens, I'd use Sakura Night for interface moments that need gentleness but still want clarity: hover and focus states in creator platforms, section headers in skincare or lifestyle editorial sites, and small status chips in e-commerce admin panels. It also works well on product cards where you want the highlight to feel lighter than Opera, but not as airy as the more rose-washed pinks.

Pair it with deeper plum text, or a near-black mauve border, so the shade stays intentional and doesn't wash out against cream.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Sakura Night

Open the generator with this color pre-loaded.

Start creating