Back to palettes

Palette

Velvet Twilight Drape

Rich and luxurious, this palette captures the deep, opulent shades of a velvet cloak under a twilight sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#2C053B#4A0065#702963#9B30FF

Palette guide

How to use Velvet Twilight Drape

Overview

The Velvet Twilight Drape palette exudes a sense of deep luxury and mystery, reminiscent of opulent fabrics under a fading night sky. It features profound, almost black, purplish blues like "#1A1A2E" and the rich, dark "#2C053B", establishing a sophisticated and elegant foundation. The palette gradually brightens through the intense "#4A0065" and the captivating "#702963", culminating in the vivid and regal "#9B30FF". This selection is ideal for designs that aim to convey grandeur, a touch of the enigmatic, and a distinctly high-end aesthetic, perfect for captivating and immersive user experiences.

Best used for

  • High-fashion e-commerce sites
  • Luxury brand websites and packaging
  • Event branding for exclusive gatherings
  • Dark mode UI/UX design
  • Artistic photography portfolios
  • Entertainment or streaming service interfaces

Suggested color roles

primary

"#4A0065" to serve as a rich, dominant color for main content areas, providing depth without being overly dark.

secondary

"#702963" for subheadings, secondary interactive elements, or accent panels, offering a warmer, inviting purple.

accent

"#9B30FF" for impactful calls-to-action, crucial alerts, or vibrant decorative elements that demand immediate attention.

background

"#1A1A2E" or "#2C053B" for a deep, absorbing canvas that allows lighter elements to shine, creating a luxurious backdrop.

text

Use a crisp white or a very light grey for general body text on the dark backgrounds; "#9B30FF" can be used for striking headlines or key phrases.

Accessibility notes

  • Ensure that "#9B30FF" used as text has sufficient contrast against darker shades like "#1A1A2E", "#2C053B", and "#4A0065".
  • Avoid pairing "#702963" with "#4A0065" for text/background combinations, as contrast might be too low.
  • White text provides excellent readability on "#1A1A2E", "#2C053B", and "#4A0065" for body copy.
  • Be cautious with small text in any of the mid-tone purples; larger font sizes may be necessary for legibility.

Recommended combinations

Night's Embrace

Creates a dramatic and luxurious feel, ideal for hero sections or striking brand statements.

#1A1A2E · #4A0065 · #9B30FF

Regal Gradient

Excellent for gradients in backgrounds or UI elements, conveying depth and a smooth transition.

#2C053B · #702963 · #9B30FF

Deep Contrast

Best for highlighting key information or interactive elements against a deep, sophisticated base.

#4A0065 · #9B30FF · #1A1A2E

CSS variables

:root {
  --velvet-twilight-drape-1: #1A1A2E;
  --velvet-twilight-drape-2: #2C053B;
  --velvet-twilight-drape-3: #4A0065;
  --velvet-twilight-drape-4: #702963;
  --velvet-twilight-drape-5: #9B30FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "velvet-twilight-drape": {
        1: "#1A1A2E",
        2: "#2C053B",
        3: "#4A0065",
        4: "#702963",
        5: "#9B30FF",
      }
    }
  }
}

Related searches

deep purple luxury palettemysterious twilight colorsregal velvet color schemedark mode purple UIopulent night design

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#2C053B
·
Color 3#4A0065
·
Color 4#702963
·
Color 5#9B30FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
1.8:1Fail
3.5:1AA18
2
1:1Fail
1.2:1Fail
1.8:1Fail
3.6:1AA18
3
1.2:1Fail
1.2:1Fail
1.5:1Fail
2.9:1Fail
4
1.8:1Fail
1.8:1Fail
1.5:1Fail
1.9:1Fail
5
3.5:1AA18
3.6:1AA18
2.9:1Fail
1.9:1Fail

Similar palettes

More like Velvet Twilight Drape

View all dark
Jeweled Plum Tapestry
Midnight Cherry Blossom
Midnight Orchid Velvet
Midnight Velvet Bloom
Regal Orchid Bloom
Rich Velvet Drape