Palette

Moonlit Sakura Canopy

A dreamy sequence of purples, inspired by cherry blossoms bathed in the soft glow of moonlight.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Sakura Canopy 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 Canopy.

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

Data visualization

#2C0E28#5A2A53#9C5791#D18BC9#EFCFF6

Palette guide

How to use Moonlit Sakura Canopy

Overview

The Moonlit Sakura Canopy palette is a dreamy sequence of purples, inspired by cherry blossoms bathed in the soft glow of moonlight. This elegant collection spans from the deep, mysterious #2C0E28, through the rich #5A2A53 and the vibrant #9C5791, to the delicate #D18BC9 and the ethereal #EFCFF6. It’s perfectly suited for designs that aim to convey sophistication, femininity, and a touch of enchanting romance. This palette excels in branding, web design, or editorial layouts for fashion, beauty, or luxury lifestyle brands seeking a refined, gentle, and captivating visual identity with a unique depth.

Best used for

Luxury cosmetic or skincare branding
Elegant fashion photography backdrops
Romantic event invitations or decor
High-end confectionery packaging
Artistic portfolio websites
Boutique floral shop branding

Suggested color roles

primary

#5A2A53 - A deep, rich plum, ideal for primary branding elements, strong headings, or key interactive components to convey sophistication.

secondary

#9C5791 - Use this vibrant orchid purple for supporting headers, important subtext, or secondary navigation, adding a lively yet refined touch.

accent

#D18BC9 - A delicate, lighter pink-purple, perfect for subtle highlights, interactive states, or decorative details that need a gentle pop.

background

#2C0E28 - This very dark, almost black-purple, provides an excellent, immersive background, giving a sense of luxury and mystery.

text

For light text, #EFCFF6 offers good contrast on dark backgrounds. Pure white or a very light grey like #F8F8F8 is also highly effective.

Accessibility notes

Ensure sufficient contrast for all text on #2C0E28, #5A2A53, and #9C5791 backgrounds, using lighter colors like #EFCFF6 or white.
Avoid using #D18BC9 for small text on #EFCFF6 background due to potential low contrast.
Interactive elements should have clear visual indicators and sufficient contrast against their surroundings.
For body text, aim for a minimum contrast ratio of 4.5:1, especially on darker backgrounds.

Recommended combinations

Elegant Dark UI

Creates a sophisticated dark mode user interface, with the lightest color for text and the darkest for backgrounds.

#2C0E28 · #5A2A53 · #EFCFF6

Floral Sophistication

Ideal for subtle gradients or layered designs that convey delicate beauty and refined taste.

#9C5791 · #D18BC9 · #EFCFF6

Deep Romanticism

Excellent for core branding, utilizing the deep tones for primary identity and the lighter for supporting elements.

#2C0E28 · #5A2A53 · #D18BC9

CSS variables

:root {
  --moonlit-sakura-canopy-1: #2C0E28;
  --moonlit-sakura-canopy-2: #5A2A53;
  --moonlit-sakura-canopy-3: #9C5791;
  --moonlit-sakura-canopy-4: #D18BC9;
  --moonlit-sakura-canopy-5: #EFCFF6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-sakura-canopy": {
        1: "#2C0E28",
        2: "#5A2A53",
        3: "#9C5791",
        4: "#D18BC9",
        5: "#EFCFF6",
      }
    }
  }
}

Hex values

Color 1#2C0E28

Color 2#5A2A53

Color 3#9C5791

Color 4#D18BC9

Color 5#EFCFF6

Accessibility

Contrast checker

1.6:1Fail

3.5:1AA18

6.9:1AA

12.4:1AAA

1.6:1Fail

2.2:1Fail

4.4:1AA18

7.9:1AAA

3.5:1AA18

2.2:1Fail

2:1Fail

3.6:1AA18

6.9:1AA

4.4:1AA18

2:1Fail

1.8:1Fail

12.4:1AAA

7.9:1AAA

3.6:1AA18

1.8:1Fail

Similar palettes

More like Moonlit Sakura Canopy

View all cool

Amethyst Field Dusk

Celestial Orchid Bloom

Dusky Orchid Bloom

Starlight Symphony Night

Amethyst Cavern Glow

Amethyst Mystic Grotto