Back to palettes

Palette

Deep Velvet Night

Luxurious and opulent, like plush velvet under a moonless sky, full of dark elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F1B41#5B325B#100010#4B0082#A6A6A6

Palette guide

How to use Deep Velvet Night

Overview

The Deep Velvet Night palette embodies dark elegance and luxury, reminiscent of plush velvet under a moonless sky. It features deep, mysterious purples like #2F1B41 and #4B0082, grounded by the almost absolute black of #100010. The rich #5B325B adds a touch of subtle warmth, while the sophisticated #A6A6A6 provides a crucial lighter element for balance. This opulent collection is ideal for designers seeking to convey refinement, mystique, and dramatic sophistication. Developers can leverage these hues for high-end digital experiences, luxury brand identities, or sophisticated dark mode UIs that exude a sense of exclusive allure and timeless class.

Best used for

  • Luxury product websites or packaging
  • High-end fashion or cosmetics branding
  • Exclusive event invitations
  • Sophisticated dark mode application themes
  • Art gallery or museum digital interfaces
  • Jewelry design showcases

Suggested color roles

primary

#100010 - The deepest, most dominant shade, perfect for foundational backgrounds or creating a sense of infinite depth.

secondary

#2F1B41 - A rich, dark purple that provides elegant contrast, ideal for content sections or secondary UI elements.

accent

#4B0082 - A vibrant, luxurious indigo, excellent for calls to action, highlights, or dramatic focal points.

background

#5B325B - A deep, muted purple that can serve as a sophisticated background for specific content blocks or textural elements.

text

#A6A6A6 - Recommended for primary text against the darker shades (#100010, #2F1B41) to ensure excellent readability while maintaining elegance.

Accessibility notes

  • Text in #A6A6A6 against #100010 or #2F1B41 provides good contrast, generally meeting WCAG AA standards.
  • Avoid using #5B325B for text on #2F1B41 as contrast will be insufficient for readability.
  • For smaller text or critical information, consider pure white for maximum legibility on the deepest colors.
  • Ensure interactive elements, especially those using #4B0082, have enough visual weight or additional cues to stand out against similar dark backgrounds.

Recommended combinations

Midnight Elegance

To create a dramatic, layered background or for a sophisticated header design.

#100010 · #2F1B41 · #4B0082

Velvet Glow

Highlighting key information or interactive components, with #A6A6A6 providing a soft, luxurious glow.

#2F1B41 · #A6A6A6 · #5B325B

Opulent Depth

Effective for high-end branding or elegant data visualization, using the deep purples for hierarchy.

#100010 · #5B325B · #4B0082

CSS variables

:root {
  --deep-velvet-night-1: #2F1B41;
  --deep-velvet-night-2: #5B325B;
  --deep-velvet-night-3: #100010;
  --deep-velvet-night-4: #4B0082;
  --deep-velvet-night-5: #A6A6A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-velvet-night": {
        1: "#2F1B41",
        2: "#5B325B",
        3: "#100010",
        4: "#4B0082",
        5: "#A6A6A6",
      }
    }
  }
}

Related searches

dark velvet color paletteluxurious night colorselegant purple brandingjewel tone dark themesophisticated UI colors

Palette colors

Hex values

Color 1#2F1B41
·
Color 2#5B325B
·
Color 3#100010
·
Color 4#4B0082
·
Color 5#A6A6A6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.3:1Fail
1.2:1Fail
6.4:1AA
2
1.5:1Fail
2:1Fail
1.3:1Fail
4.2:1AA18
3
1.3:1Fail
2:1Fail
1.6:1Fail
8.4:1AAA
4
1.2:1Fail
1.3:1Fail
1.6:1Fail
5.3:1AA
5
6.4:1AA
4.2:1AA18
8.4:1AAA
5.3:1AA

Similar palettes

More like Deep Velvet Night

View all dark
Velvet Night
Amethyst Veil Mystique
Art Deco Speakeasy
Byzantine Jewel
Celestial Starry Veil
Cosmic Drama Scene