Back to palettes

Palette

Midnight Velvet Aura

Deep, luxurious purples evoking the plush fabric of a velvet curtain under a starlit, magical night sky.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Velvet Aura 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 Velvet Aura.

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

Data visualization

#1A0D2F#3B1C5B#6D3DAA#A78CD2#DDCBF4

Palette guide

How to use Midnight Velvet Aura

Overview

The Midnight Velvet Aura palette captures the magical essence of a starlit night sky draped in plush velvet, offering a gradient of deep, luxurious purples. From the profound #1A0D2F (darkest indigo-purple) to the ethereal #DDCBF4 (pale lavender), it creates a mysterious yet elegant journey. Key shades include #3B1C5B (rich dark purple) and #6D3DAA (medium violet), providing depth and transition. The soft #A78CD2 (lavender grey) offers a gentle highlight. This palette is ideal for projects seeking to convey sophistication, mystery, and a touch of enchantment, perfect for luxury brands, mystical themes, or elegant digital experiences.

Best used for

  • Luxury cosmetic and beauty branding
  • Mystical or fantasy-themed digital projects
  • Spiritual or wellness website design
  • High-end event decor and invitations
  • Elegant app onboarding experiences
  • Editorial layouts for art and fashion

Suggested color roles

primary

Use #1A0D2F as the dominant background color to create an immersive, deep, and luxurious base, evoking a starlit night.

secondary

Apply #3B1C5B for content blocks, headers, or distinct sections, adding a layer of rich, dark purple depth.

accent

Employ #A78CD2 for subtle highlights, secondary interactive elements, or decorative details where a soft glow is desired.

background

Choose #1A0D2F for the main background to establish a sophisticated, mysterious, and elegant dark aesthetic.

text

For primary body text, #DDCBF4 provides excellent readability on the darker purples. For headings, a slightly darker shade like #A78CD2 or white can be effective.

Accessibility notes

  • Ensure #DDCBF4 provides excellent contrast against #1A0D2F, #3B1C5B, and #6D3DAA for all text sizes.
  • When using #A78CD2 for text on #3B1C5B, verify readability for smaller font sizes; it is best for larger headings.
  • Avoid using #6D3DAA for small text on #3B1C5B due to potential low contrast; reserve it for backgrounds or large decorative text.
  • This palette offers a good range for contrast; always test specific color pairings to meet WCAG AA standards.

Recommended combinations

Mystic Depth

The deepest indigo-purple base with the lightest lavender for primary text and a rich dark purple for subheadings or panels, creating clear hierarchy.

#1A0D2F · #DDCBF4 · #3B1C5B

Aura Glow

A rich dark purple background with a soft lavender accent and a medium violet for supporting content, evoking a gentle glow.

#3B1C5B · #A78CD2 · #6D3DAA

Velvet Light

A medium violet background with very light lavender text and the darkest indigo-purple for strong, elegant contrast in borders or icons.

#6D3DAA · #DDCBF4 · #1A0D2F

CSS variables

:root {
  --midnight-velvet-aura-1: #1A0D2F;
  --midnight-velvet-aura-2: #3B1C5B;
  --midnight-velvet-aura-3: #6D3DAA;
  --midnight-velvet-aura-4: #A78CD2;
  --midnight-velvet-aura-5: #DDCBF4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-aura": {
        1: "#1A0D2F",
        2: "#3B1C5B",
        3: "#6D3DAA",
        4: "#A78CD2",
        5: "#DDCBF4",
      }
    }
  }
}

Related searches

mystical purple paletteelegant dark purple themeluxury velvet colorsstarlit night designmagical website colors

Palette colors

Hex values

Color 1#1A0D2F
·
Color 2#3B1C5B
·
Color 3#6D3DAA
·
Color 4#A78CD2
·
Color 5#DDCBF4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.5:1Fail
6.4:1AA
12.2:1AAA
2
1.3:1Fail
1.9:1Fail
4.9:1AA
9.3:1AAA
3
2.5:1Fail
1.9:1Fail
2.5:1Fail
4.8:1AA
4
6.4:1AA
4.9:1AA
2.5:1Fail
1.9:1Fail
5
12.2:1AAA
9.3:1AAA
4.8:1AA
1.9:1Fail

Similar palettes

More like Midnight Velvet Aura

View all Dark
Amethyst Star Cluster
Spiced Fig Dessert
Velvet Fig Harvest
Velvet Fig Pudding
Velvet Midnight Lounge
Baroque Tapestry Weave