Palette

Lunar Flower Veil

The mysterious, deep purples of a moonlit garden where ethereal flowers unfurl under a lunar veil.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lunar Flower Veil 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 Lunar Flower Veil.

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

Data visualization

#191970#483D8B#8A2BE2#DDA0DD#0A0A0A

Palette guide

How to use Lunar Flower Veil

Overview

The Lunar Flower Veil palette captures the mysterious allure of a moonlit garden, blending deep purples and blues with subtle dark accents. This dark-themed scheme, featuring rich #191970 (Midnight Blue) and vibrant #8A2BE2 (Amethyst), evokes an ethereal, mystical ambiance. The lighter #DDA0DD (Plum Light) provides a crucial contrast, preventing the palette from feeling overwhelmingly heavy. Designers can leverage this collection for sophisticated projects that require depth, elegance, and a touch of fantasy. Its harmonious blend of dark, jewel-like tones makes it highly adaptable for creating immersive digital experiences or luxurious print materials, offering a unique visual narrative.

Best used for

Mystical brand identities and logos
Elegant event invitations or decor
Fantasy-themed digital art and illustrations
Sophisticated website dark modes
Luxury product packaging
Gothic or ethereal fashion design

Suggested color roles

primary

Use #483D8B (Deep Purple) for dominant elements like main headings, hero sections, or primary interactive components, establishing a sophisticated base.

secondary

Employ #191970 (Midnight Blue) for supporting content areas, navigation backgrounds, or secondary graphic elements, adding depth and stability.

accent

Apply #8A2BE2 (Amethyst) sparingly for calls-to-action, highlights, or decorative flourishes, drawing attention with its vibrant, jewel-like quality.

background

Utilize #0A0A0A (Near Black) as a foundational background, providing a deep, immersive canvas that enhances the richness of the other colors.

text

For body text, use #DDA0DD (Plum Light) or pure white to ensure optimal readability against the dark backgrounds, maintaining the palette's ethereal feel.

Accessibility notes

Ensure high contrast ratios for text, especially when using #DDA0DD on #0A0A0A or #191970, to meet WCAG AA standards.
Avoid placing #483D8B text directly on #191970 backgrounds as contrast may be insufficient for readability.
Use #8A2BE2 as an accent, not for large blocks of text, due to its intensity and potential for eye strain on dark backgrounds.
Consider using a slightly lighter grey or white for critical UI elements on dark backgrounds for enhanced visual clarity.

Recommended combinations

Deep Night

Ideal for creating a profound, immersive dark mode experience or a luxurious, velvety backdrop.

#0A0A0A · #191970 · #483D8B

Ethereal Bloom

Perfect for illustrating floral motifs, mystical elements, or gradients that transition from deep to bright.

#483D8B · #8A2BE2 · #DDA0DD

Mystic Contrast

Effective for high-impact headlines or key feature blocks where light text needs to stand out on a dark, rich background.

#191970 · #DDA0DD · #0A0A0A

CSS variables

:root {
  --lunar-flower-veil-1: #191970;
  --lunar-flower-veil-2: #483D8B;
  --lunar-flower-veil-3: #8A2BE2;
  --lunar-flower-veil-4: #DDA0DD;
  --lunar-flower-veil-5: #0A0A0A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lunar-flower-veil": {
        1: "#191970",
        2: "#483D8B",
        3: "#8A2BE2",
        4: "#DDA0DD",
        5: "#0A0A0A",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#483D8B

Color 3#8A2BE2

Color 4#DDA0DD

Color 5#0A0A0A

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

7.2:1AAA

1.3:1Fail

1.6:1Fail

1.5:1Fail

4.4:1AA18

2.2:1Fail

2.5:1Fail

1.5:1Fail

2.9:1Fail

3.3:1AA18

7.2:1AAA

4.4:1AA18

2.9:1Fail

9.6:1AAA

1.3:1Fail

2.2:1Fail

3.3:1AA18

9.6:1AAA

Similar palettes

More like Lunar Flower Veil

Nocturnal Garden Bloom

Celestial Deep Blue

Celestial Night Sky