Back to palettes

Palette

Moonlit Garden Bloom

Enchanting purples and deep blues reflect the subtle, mysterious beauty of flowers blooming under moonlight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Garden Bloom 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 Garden Bloom.

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

Data visualization

#E6E6FA#DDA0DD#8A2BE2#6A5ACD#483D8B

Palette guide

How to use Moonlit Garden Bloom

Overview

The Moonlit Garden Bloom palette presents an enchanting collection of purples and deep blues, reflecting the subtle, mysterious beauty of flowers blooming under moonlight. With its ethereal #E6E6FA (lavender blush), delicate #DDA0DD (plum), vibrant #8A2BE2 (blue violet), and deep, sophisticated #6A5ACD (slate blue) and #483D8B (dark slate blue), this palette is perfect for creating elegant, mystical, and visually rich designs. Designers and developers can leverage its harmonious blend of light and dark to craft compelling narratives and sophisticated aesthetics for various digital and print applications.

Best used for

  • Luxury beauty brand identity and packaging
  • Wedding stationery and event decor (evening/mystical)
  • Fantasy illustrations and digital art
  • Boutique fashion branding and e-commerce
  • Spiritual and wellness content and platforms
  • Magical or enchanting themed graphic design

Suggested color roles

primary

Utilize #483D8B as a deep, elegant base for main backgrounds, navigation, or prominent branding elements, providing sophistication.

secondary

Employ #6A5ACD for supporting content blocks, headers, or as a rich accent, maintaining the palette's deep purple essence.

accent

Introduce #8A2BE2 for vibrant highlights, interactive elements, or graphic details to add a magical, eye-catching focal point.

background

The light and airy #E6E6FA serves as an excellent primary background, creating a clean, ethereal canvas that contrasts beautifully.

text

For dark backgrounds like #483D8B or #6A5ACD, #E6E6FA or white provides excellent legibility. For light backgrounds like #E6E6FA, #483D8B or a dark charcoal is recommended.

Accessibility notes

  • The contrast between #483D8B and #E6E6FA is excellent, ensuring high readability for all text sizes.
  • Ensure #6A5ACD or #8A2BE2 on #E6E6FA meets WCAG AA standards for body text; consider increasing font size or boldness.
  • Avoid using #DDA0DD on #E6E6FA for small text due to insufficient contrast.
  • For interactive elements, ensure clear focus states that are distinct from both normal and hover states, potentially using #8A2BE2.

Recommended combinations

Mystical Night

Ideal for striking hero sections, balancing deep elegance with a vibrant, magical highlight.

#483D8B · #E6E6FA · #8A2BE2

Elegant Bloom

Perfect for secondary content or atmospheric backgrounds, offering a softer, layered purple effect.

#6A5ACD · #DDA0DD · #E6E6FA

Deep Enchantment

Excellent for creating rich, layered compositions that convey depth and mystical allure.

#483D8B · #8A2BE2 · #6A5ACD

CSS variables

:root {
  --moonlit-garden-bloom-1: #E6E6FA;
  --moonlit-garden-bloom-2: #DDA0DD;
  --moonlit-garden-bloom-3: #8A2BE2;
  --moonlit-garden-bloom-4: #6A5ACD;
  --moonlit-garden-bloom-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-garden-bloom": {
        1: "#E6E6FA",
        2: "#DDA0DD",
        3: "#8A2BE2",
        4: "#6A5ACD",
        5: "#483D8B",
      }
    }
  }
}

Related searches

moonlit purple palettemystical garden colorselegant floral schemedeep lavender blueenchanting night bloom

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#DDA0DD
·
Color 3#8A2BE2
·
Color 4#6A5ACD
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4.8:1AA
4.3:1AA18
7.4:1AAA
2
1.7:1Fail
2.9:1Fail
2.6:1Fail
4.4:1AA18
3
4.8:1AA
2.9:1Fail
1.1:1Fail
1.5:1Fail
4
4.3:1AA18
2.6:1Fail
1.1:1Fail
1.7:1Fail
5
7.4:1AAA
4.4:1AA18
1.5:1Fail
1.7:1Fail

Similar palettes

More like Moonlit Garden Bloom

View all dark
Galactic Starlight Veil
Midnight Bloom Garden
Midnight Celestial Bloom
Midnight Cherry Blossom
Midnight Horizon Gleam
Midnight Iris Bloom