Back to palettes

Palette

Moonlit Rose Garden

Soft, romantic hues under a pale moon, evoking a serene rose garden at night.

darkelegant5 colors
More dark 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

#8B5F6C#AD7C8A#C9A9B6#DBC9D0#6A4B58

Palette guide

How to use Moonlit Rose Garden

Overview

The Moonlit Rose Garden palette offers a delicate and romantic collection of muted rose and plum tones, evoking the serene beauty of a garden under pale moonlight. Ranging from the deep, grounding #6A4B58 to the soft, ethereal #DBC9D0, this palette features harmonious shades like #8B5F6C, #AD7C8A, and #C9A9B6. It's perfectly suited for designs that aim to convey elegance, romance, and a sophisticated femininity. This palette excels in branding, web design, or editorial layouts for fashion, beauty, or lifestyle brands seeking a refined, gentle, and enchanting visual identity.

Best used for

  • Luxury beauty product packaging
  • Wedding invitations and event branding
  • Fashion blogs or e-commerce sites
  • High-end confectionery or patisserie brands
  • Elegant interior design accents
  • Romantic novel covers or illustrations

Suggested color roles

primary

#6A4B58 - A deep, rich plum-brown, ideal for primary branding elements, strong headings, or key interactive components to establish elegance.

secondary

#8B5F6C - Use this muted rose for supporting headers, important subtext, or secondary navigation, adding warmth and sophistication.

accent

#AD7C8A - A softer, blush rose, perfect for subtle highlights, interactive states, or decorative details that need a gentle pop.

background

#DBC9D0 - A very light, almost off-white rose, excellent for clean, spacious backgrounds that allow other elements to breathe and stand out.

text

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

Accessibility notes

  • Ensure sufficient contrast when using #DBC9D0 as a background with lighter text colors; consider #6A4B58 or a dark charcoal for readability.
  • Text in #AD7C8A or #C9A9B6 against white or very light backgrounds may lack sufficient contrast for WCAG AA.
  • Use #6A4B58 for important interactive elements to ensure they are clearly visible against lighter shades.
  • For large text, aim for at least 3:1 contrast ratio against the background; for smaller text, 4.5:1 is recommended.

Recommended combinations

Romantic Interface

Creates a soft, elegant user interface, with the lightest for background and the darkest for key interactions.

#DBC9D0 · #C9A9B6 · #6A4B58

Floral Branding

Ideal for logos and brand assets for businesses related to beauty, fashion, or events.

#8B5F6C · #AD7C8A · #6A4B58

Gentle Gradient

Creates beautiful, subtle gradients for headers or background elements, conveying softness and depth.

#DBC9D0 · #C9A9B6 · #AD7C8A

CSS variables

:root {
  --moonlit-rose-garden-2-1: #8B5F6C;
  --moonlit-rose-garden-2-2: #AD7C8A;
  --moonlit-rose-garden-2-3: #C9A9B6;
  --moonlit-rose-garden-2-4: #DBC9D0;
  --moonlit-rose-garden-2-5: #6A4B58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-rose-garden-2": {
        1: "#8B5F6C",
        2: "#AD7C8A",
        3: "#C9A9B6",
        4: "#DBC9D0",
        5: "#6A4B58",
      }
    }
  }
}

Related searches

muted rose color paletteelegant plum pink designromantic garden colorssophisticated feminine brandingsoft blush web design

Palette colors

Hex values

Color 1#8B5F6C
·
Color 2#AD7C8A
·
Color 3#C9A9B6
·
Color 4#DBC9D0
·
Color 5#6A4B58
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
3.4:1AA18
1.4:1Fail
2
1.5:1Fail
1.6:1Fail
2.2:1Fail
2.2:1Fail
3
2.5:1Fail
1.6:1Fail
1.4:1Fail
3.6:1AA18
4
3.4:1AA18
2.2:1Fail
1.4:1Fail
4.8:1AA
5
1.4:1Fail
2.2:1Fail
3.6:1AA18
4.8:1AA

Similar palettes

More like Moonlit Rose Garden

View all dark
Midnight Bloom Velvet
Twilight Bloom Garden
Twilight Orchid Bloom
Velvet Rose Garden
Baroque Silk Damask
Cathedral Stained Glass