Back to palettes

Palette

Midnight Velvet Dusk

A rich blend inspired by luxurious velvet curtains under a dim, enchanting evening sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F0F25#2B2D42#4C4E68#6E718A#BDA75B

Palette guide

How to use Midnight Velvet Dusk

Overview

The Midnight Velvet Dusk palette offers a deep, sophisticated blend of colors inspired by luxurious velvet under a dim evening sky. Designers and developers will find this scheme perfect for creating elegant, high-end interfaces and branding. Anchored by the profound #0F0F25, it transitions through rich dark grays like #2B2D42 and #4C4E68, providing depth and dimension. The unique golden accent, #BDA75B, adds a touch of opulence, making this palette ideal for projects requiring a sense of luxury and mystery. The versatile #6E718A serves as a lighter, readable gray, balancing the darker tones beautifully. This palette is excellent for conveying a premium, exclusive feel.

Best used for

  • Luxury brand websites and apps
  • Elegant UI themes and dark modes
  • High-end event invitations and branding
  • Sophisticated digital art and illustrations
  • Premium product packaging design
  • Interior design concepts for upscale spaces

Suggested color roles

primary

Use #0F0F25 as the dominant, foundational color for backgrounds or main sections, establishing a deep, luxurious base.

secondary

Employ #2B2D42 for supporting elements, sidebars, or subtle section dividers, adding depth without harsh contrast.

accent

Apply #BDA75B sparingly for calls-to-action, important highlights, or decorative elements to introduce a touch of opulence.

background

Utilize #0F0F25 for primary backgrounds to create an immersive, elegant dark canvas.

text

Use #6E718A for body text on dark backgrounds to ensure readability, and #BDA75B for headings or key information for a luxurious feel.

Accessibility notes

  • Ensure #BDA75B has sufficient contrast against #0F0F25 or #2B2D42 when used for text or interactive elements.
  • For body text on dark backgrounds like #0F0F25, use #6E718A and verify it meets WCAG AA contrast standards.
  • Reserve #4C4E68 for larger text or UI elements, as its contrast with #0F0F25 might be insufficient for small body text.
  • Avoid using #2B2D42 directly on #0F0F25 for small text due to potential low contrast, especially for users with visual impairments.

Recommended combinations

Deep Elegance

Ideal for main branding elements, prominent headlines, and body text, creating a luxurious and readable aesthetic.

#0F0F25 · #BDA75B · #6E718A

Subtle Gradient

Excellent for layered backgrounds, subtle UI transitions, or visual depth in digital compositions.

#0F0F25 · #2B2D42 · #4C4E68

Highlighted Detail

Perfect for call-to-action buttons, key data points, or interactive elements on a darker base, ensuring visibility.

#2B2D42 · #BDA75B · #6E718A

CSS variables

:root {
  --midnight-velvet-dusk-1: #0F0F25;
  --midnight-velvet-dusk-2: #2B2D42;
  --midnight-velvet-dusk-3: #4C4E68;
  --midnight-velvet-dusk-4: #6E718A;
  --midnight-velvet-dusk-5: #BDA75B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-dusk": {
        1: "#0F0F25",
        2: "#2B2D42",
        3: "#4C4E68",
        4: "#6E718A",
        5: "#BDA75B",
      }
    }
  }
}

Related searches

dark elegant color schemesluxury gold dark palettesophisticated website colorsvelvet inspired colorsdeep night color hex

Palette colors

Hex values

Color 1#0F0F25
·
Color 2#2B2D42
·
Color 3#4C4E68
·
Color 4#6E718A
·
Color 5#BDA75B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
3.9:1AA18
7.9:1AAA
2
1.4:1Fail
1.7:1Fail
2.8:1Fail
5.7:1AA
3
2.3:1Fail
1.7:1Fail
1.7:1Fail
3.4:1AA18
4
3.9:1AA18
2.8:1Fail
1.7:1Fail
2:1Fail
5
7.9:1AAA
5.7:1AA
3.4:1AA18
2:1Fail

Similar palettes

More like Midnight Velvet Dusk

View all dark
Velvet Starry Night
Art Deco Evening
Art Deco Midnight
Cosmic Drama Scene
Crimson Canopy Twilight
Crimson Velvet Theatre