Back to palettes

Palette

Moonlit Sakura Garden

Soft pinks and deep purples evoke the quiet beauty of cherry blossoms under a gentle night sky.

darkcalm5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Sakura Garden reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Moonlit Sakura Garden.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FFC0CB#DB7093#9932CC#483D8B#191970

Palette guide

How to use Moonlit Sakura Garden

Overview

The Moonlit Sakura Garden palette brings together a deeply romantic and serene atmosphere, perfect for evoking the quiet beauty of cherry blossoms under a gentle night sky. This collection features soft pinks like #FFC0CB and #DB7093, transitioning into rich, mysterious purples such as #9932CC and #483D8B, grounded by the profound depth of #191970. Designers can leverage this palette to create sophisticated, dreamlike interfaces or branding that conveys elegance and a touch of nocturnal mystique. Its balanced dark-to-light spectrum offers versatility for both vibrant accents and subtle background textures, ensuring visual interest and depth.

Best used for

  • Luxury brand packaging and websites
  • Romantic event invitations and decor
  • Feminine apparel and beauty product branding
  • Editorial design with a dreamy, elegant theme
  • Apps or websites focused on meditation and tranquility
  • Digital art and illustration evoking night florals

Suggested color roles

primary

Use #483D8B as a sophisticated primary for main sections or deep backgrounds, providing a sense of depth and mystery.

secondary

Apply #9932CC for supporting elements, subheadings, or as an appealing alternative to the primary, offering a rich purple contrast.

accent

Highlight interactive elements, calls-to-action, or delicate illustrations with #FFC0CB, providing a soft, romantic pop.

background

For a dark, immersive experience, #191970 serves as an excellent deep background, while #DB7093 can offer a softer, muted backdrop for content.

text

Pair light text like white or a very pale grey with darker shades like #191970 or #483D8B for readability. Use #191970 for headings on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #FFC0CB or #DB7093 for text against any background, especially lighter shades.
  • Darker colors like #191970 and #483D8B provide excellent contrast for white or very light text.
  • Avoid using #FFC0CB and #DB7093 in close proximity without a clear separator, as their low contrast can be difficult for some users.
  • Test text readability for #9932CC on both light and dark backgrounds to ensure WCAG compliance.

Recommended combinations

Deep Bloom

Ideal for elegant headers, dark theme UI, or striking call-to-action buttons where the soft pink pops against deep blues.

#191970 · #483D8B · #FFC0CB

Serene Twilight

Perfect for subtle gradients, delicate illustrations, or secondary content blocks that need a gentle, harmonious feel.

#DB7093 · #9932CC · #FFC0CB

Mystic Accent

Use for infographic elements, data visualization, or decorative borders where a balanced contrast is desired between deep and soft tones.

#483D8B · #DB7093 · #FFC0CB

CSS variables

:root {
  --moonlit-sakura-garden-1: #FFC0CB;
  --moonlit-sakura-garden-2: #DB7093;
  --moonlit-sakura-garden-3: #9932CC;
  --moonlit-sakura-garden-4: #483D8B;
  --moonlit-sakura-garden-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-sakura-garden": {
        1: "#FFC0CB",
        2: "#DB7093",
        3: "#9932CC",
        4: "#483D8B",
        5: "#191970",
      }
    }
  }
}

Related searches

dark pink purple paletteserene night colorscherry blossom brandingluxury floral paletteromantic dark theme

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#DB7093
·
Color 3#9932CC
·
Color 4#483D8B
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.7:1AA18
5.9:1AA
9.7:1AAA
2
2:1Fail
1.8:1Fail
2.9:1Fail
4.8:1AA
3
3.7:1AA18
1.8:1Fail
1.6:1Fail
2.6:1Fail
4
5.9:1AA
2.9:1Fail
1.6:1Fail
1.6:1Fail
5
9.7:1AAA
4.8:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Moonlit Sakura Garden

View all dark
Abyssal Bloom Depths
City Rooftop Twilight
Dusky Forest Whispers
Midnight Indigo Reverie
Moonless Lake Reflection
Ocean Kelp Forest