Palette

Moonlit Rose Garden

A delicate and enchanting palette of purples and cool tones, inspired by a serene moonlit garden.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#6A5ACD#E6E6FA#DDA0DD#8A2BE2

Palette guide

How to use Moonlit Rose Garden

Overview

The Moonlit Rose Garden palette presents a captivating and enchanting blend of deep purples and soft lavenders, reminiscent of a serene garden bathed in moonlight. Featuring the regal #4B0082 and vibrant #8A2BE2, balanced by the softer #6A5ACD and the gentle #DDA0DD, with the ethereal #E6E6FA providing a luminous touch. This collection is ideal for designs aiming to convey romance, mystery, and a touch of magic. It's particularly effective in branding, digital art, or interfaces where a sophisticated, imaginative, and tranquil atmosphere is desired, offering a unique blend of depth and lightness.

Best used for

Fantasy-themed digital art or illustrations
Luxury perfume or cosmetic brands
Mystical event branding or invitations
Creative portfolio websites
Elegant spiritual or wellness content
High-end stationery or print design

Suggested color roles

primary

#4B0082 - A deep, regal indigo, perfect for primary branding, commanding headlines, or key interactive elements to convey luxury and depth.

secondary

#8A2BE2 - A vibrant blue-violet, ideal for subheadings, active navigation states, or supporting graphical elements, offering a strong visual interest.

accent

#6A5ACD - A softer, yet rich lavender, excellent for subtle highlights, interactive states, or decorative details that need a touch of enchantment.

background

#E6E6FA - A very light lavender mist, perfect for clean, ethereal backgrounds that allow the deeper purples to truly shine.

text

For dark text, a deep charcoal like #333333 provides good contrast. For light text on darker elements, #E6E6FA or pure white is ideal.

Accessibility notes

Ensure sufficient contrast when using #E6E6FA as a background with lighter text colors; consider #4B0082 or a dark charcoal for readability.
Text in #DDA0DD against white or very light backgrounds may lack sufficient contrast for WCAG AA.
Use #4B0082 or #8A2BE2 for important interactive elements to ensure they are clearly visible against lighter shades.
For best readability, avoid placing #DDA0DD text on #E6E6FA backgrounds.

Recommended combinations

Enchanting UI

Creates a light, magical user interface, with the deepest color for key interactions and the lightest for backgrounds.

#E6E6FA · #DDA0DD · #4B0082

Mystic Branding

Ideal for logos and brand assets that convey mystery, luxury, and creative flair.

#4B0082 · #8A2BE2 · #6A5ACD

Soft Glow

Creates beautiful, subtle gradients for headers or background elements, conveying softness and an ethereal glow.

#E6E6FA · #DDA0DD · #6A5ACD

CSS variables

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

Tailwind config

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

Hex values

Color 1#4B0082

Color 2#6A5ACD

Color 3#E6E6FA

Color 4#DDA0DD

Color 5#8A2BE2

Accessibility

Contrast checker

2.4:1Fail

10.5:1AAA

6.3:1AA

2.2:1Fail

2.4:1Fail

4.3:1AA18

2.6:1Fail

1.1:1Fail

10.5:1AAA

4.3:1AA18

1.7:1Fail

4.8:1AA

6.3:1AA

2.6:1Fail

1.7:1Fail

2.9:1Fail

2.2:1Fail

1.1:1Fail

4.8:1AA

2.9:1Fail

Similar palettes

More like Moonlit Rose Garden

View all cool

Dreamy Lavender Field

Misty Heather Fields

Mystic Lavender Fields

Whispering Wisteria Arch

Clear Night Chill

Desert Night Sky