Back to palettes

Palette

Midnight Garden Secret

Deep, velvety purples and soft lavenders unveil the hidden beauty of a moonlit, enigmatic garden.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Garden Secret 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 Midnight Garden Secret.

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

Data visualization

#2C0F2F#4A1A4E#7B2E7F#B06DB2#E0BFDF

Palette guide

How to use Midnight Garden Secret

Overview

The Midnight Garden Secret palette unveils the hidden beauty of a moonlit garden with deep, velvety purples and soft lavenders. Comprising #2C0F2F, #4A1A4E, #7B2E7F, #B06DB2, and #E0BFDF, this collection is mysterious, romantic, and luxurious. It's ideal for designers seeking to create an enchanting and sophisticated aesthetic, evoking a sense of hidden beauty and opulent charm. The gradual transition from deep, almost black-purple to ethereal lavender offers immense versatility for crafting elegant brand identities, luxurious digital experiences, or delicate artistic expressions.

Best used for

  • High-end cosmetics and beauty branding
  • Luxury fashion and apparel design
  • Wedding stationery and event invitations
  • Creative portfolios and artistic websites
  • Mystical and romantic themed projects
  • Elegant app interfaces and digital experiences

Suggested color roles

primary

Utilize #2C0F2F as the deepest, almost black-purple for foundational backgrounds, headers, or robust structural elements, providing a strong, elegant anchor.

secondary

Employ #4A1A4E for supporting panels, card backgrounds, or secondary navigation, offering a rich purple depth.

accent

Apply #7B2E7F as a vibrant, jewel-toned purple accent for calls-to-action, interactive elements, or key highlights, drawing attention with its richness.

background

Use #2C0F2F for immersive, deep backgrounds that convey luxury and mystery.

text

For optimal readability on dark backgrounds, use white or a very light gray. For softer, legible text on deeper purples, #B06DB2 provides a beautiful option, while #E0BFDF is excellent for high-contrast readability.

Accessibility notes

  • Ensure white or light gray text has strong contrast on #2C0F2F, #4A1A4E, and #7B2E7F.
  • Avoid using #B06DB2 for small text on #7B2E7F, as contrast might be insufficient.
  • Use #E0BFDF for backgrounds or large text areas where maximum readability is crucial.
  • Test color combinations on various devices to confirm legibility and desired mood.

Recommended combinations

Deep Violet

Creates a profound, luxurious dark theme, excellent for robust backgrounds and structural components.

#2C0F2F · #4A1A4E · #7B2E7F

Lavender Bloom

Offers a lighter, atmospheric blend of purples, ideal for content areas, gradients, or delicate details.

#7B2E7F · #B06DB2 · #E0BFDF

Secret Garden

Provides high contrast with a dark base, a light highlight, and a soft accent, suitable for elegant visual compositions.

#2C0F2F · #E0BFDF · #B06DB2

CSS variables

:root {
  --midnight-garden-secret-1: #2C0F2F;
  --midnight-garden-secret-2: #4A1A4E;
  --midnight-garden-secret-3: #7B2E7F;
  --midnight-garden-secret-4: #B06DB2;
  --midnight-garden-secret-5: #E0BFDF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-garden-secret": {
        1: "#2C0F2F",
        2: "#4A1A4E",
        3: "#7B2E7F",
        4: "#B06DB2",
        5: "#E0BFDF",
      }
    }
  }
}

Related searches

deep purple paletteluxurious dark purpleromantic garden colorsmystical violet schemeelegant purple branding

Palette colors

Hex values

Color 1#2C0F2F
·
Color 2#4A1A4E
·
Color 3#7B2E7F
·
Color 4#B06DB2
·
Color 5#E0BFDF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
4.7:1AA
10.4:1AAA
2
1.3:1Fail
1.6:1Fail
3.7:1AA18
8.2:1AAA
3
2.1:1Fail
1.6:1Fail
2.2:1Fail
5:1AA
4
4.7:1AA
3.7:1AA18
2.2:1Fail
2.2:1Fail
5
10.4:1AAA
8.2:1AAA
5:1AA
2.2:1Fail

Similar palettes

More like Midnight Garden Secret

View all dark
Abyss Gaze
Abyssal Bioluminescent Glow
Abyssal Coral Glow
Abyssal Deep Current
Abyssal Depths
Abyssal Rift Shimmer