Back to palettes

Palette

Velvet Night

Deep, plush purples that evoke the luxurious softness and mystery of velvet draped under a moonlit sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1F0F29#3C1F52#5E327A#82479E#A860C4

Palette guide

How to use Velvet Night

Overview

The Velvet Night palette delves into deep, plush purples, evoking the luxurious softness and mystery of velvet draped under a moonlit sky. Ranging from the profound #1F0F29 to the enchanting #A860C4, with transitional shades like #3C1F52, #5E327A, and #82479E, this collection offers a rich, elegant gradient. It's perfectly suited for designers seeking to create a sense of opulence, enchantment, and sophisticated allure. The harmonious blend of purple tones provides a versatile foundation for projects that aim for both depth and a touch of regal charm, making it genuinely useful for high-end aesthetics.

Best used for

  • Luxury fashion or beauty brand identities
  • E-commerce websites for premium products
  • Event branding for exclusive gatherings
  • UI/UX for elegant mobile applications
  • Artistic portfolios and digital installations
  • Editorial design for upscale lifestyle content

Suggested color roles

primary

Use #1F0F29 as the deep, grounding primary color for large backgrounds or foundational elements, setting an opulent mood.

secondary

Employ #3C1F52 for secondary sections, navigation, or as a darker accent, maintaining the palette's rich depth.

accent

Apply #A860C4 for highlights, calls-to-action, or interactive elements, providing a luminous, elegant pop.

background

The deep #1F0F29 or #3C1F52 offers a luxurious and immersive background, making lighter elements stand out beautifully.

text

A crisp white or light grey provides excellent readability for body text on the darker shades. For headings, #A860C4 can be used if contrast is sufficient.

Accessibility notes

  • Ensure lighter colors like #A860C4 provide sufficient contrast when used for text on darker backgrounds such as #1F0F29.
  • Avoid using #3C1F52 or #5E327A for small text on similar dark backgrounds to prevent readability issues.
  • Test all critical text and background pairings to meet WCAG contrast guidelines, especially for smaller font sizes.
  • Consider providing a dark mode toggle if using very dark text on slightly lighter purples for extended reading.

Recommended combinations

Deep Velvet

Creates a rich, layered depth ideal for backgrounds, gradients, or foundational design elements.

#1F0F29 · #3C1F52 · #5E327A

Moonlit Glow

Perfect for highlighting key information or interactive elements against a deep, luxurious backdrop.

#1F0F29 · #82479E · #A860C4

Regal Gradient

Excellent for visual interest in hero sections, banners, or artistic illustrations, showing a smooth transition.

#3C1F52 · #5E327A · #A860C4

CSS variables

:root {
  --velvet-night-1: #1F0F29;
  --velvet-night-2: #3C1F52;
  --velvet-night-3: #5E327A;
  --velvet-night-4: #82479E;
  --velvet-night-5: #A860C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-night": {
        1: "#1F0F29",
        2: "#3C1F52",
        3: "#5E327A",
        4: "#82479E",
        5: "#A860C4",
      }
    }
  }
}

Related searches

deep purple color schemeluxurious night paletteelegant purple UI colorsdark mystical design palettevelvet texture color ideas

Palette colors

Hex values

Color 1#1F0F29
·
Color 2#3C1F52
·
Color 3#5E327A
·
Color 4#82479E
·
Color 5#A860C4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.9:1Fail
4.4:1AA18
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
3
1.9:1Fail
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
2.9:1Fail
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.4:1AA18
3.4:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Velvet Night

View all dark
Deep Velvet Night
Gala Night Velvet
Regal Orchid Bloom
Velvet Opera Night
Amethyst Veil Mystique
Art Deco Speakeasy