Back to palettes

Palette

Midnight Velvet Glam

An exquisite dark palette exuding opulence and mystery, combining deep jewel tones with a touch of antique gold.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F2027#1A433A#202020#CCAF00#F2F5E0

Palette guide

How to use Midnight Velvet Glam

Overview

The Midnight Velvet Glam palette exudes opulence and mystery, blending deep jewel tones with a touch of antique gold. Featuring the profound #0F2027 and the rich #1A433A, it provides a sophisticated dark foundation. The versatile #202020 offers a neutral, deep black for ultimate contrast. A striking #CCAF00 (antique gold) serves as a luxurious accent, while #F2F5E0 provides a soft, near-white for excellent readability. This palette is perfectly suited for designers and developers aiming to create high-end, glamorous designs that convey elegance and exclusivity across digital and print mediums, from fashion to luxury services.

Best used for

  • High-fashion e-commerce websites
  • Luxury product packaging and branding
  • Upscale restaurant and bar interiors
  • Theatrical or event promotion materials
  • Dark mode interfaces with a luxurious feel
  • Elegant portfolio and art gallery websites

Suggested color roles

primary

Utilize #0F2027 as the main background or dominant color for a mysterious, deep blue-green base.

secondary

Apply #1A433A for supporting sections, sidebars, or textural elements to add rich, deep green contrast.

accent

Reserve #CCAF00 for bold highlights, calls-to-action, or decorative motifs that demand attention and luxury.

background

Use #202020 as a solid, deep black background for maximum contrast and an elegant foundation.

text

Employ #F2F5E0 for primary body text to ensure excellent readability against the dark backgrounds, and #CCAF00 for headings.

Accessibility notes

  • The #CCAF00 accent provides excellent contrast against #0F2027, #1A433A, and #202020 for interactive elements.
  • Ensure body text using #F2F5E0 meets WCAG AA standards on dark backgrounds like #0F2027 or #202020.
  • Avoid using #1A433A for small text directly on #0F2027 due to potentially insufficient contrast for readability.
  • Check that all interactive elements using #CCAF00 have clear visual cues beyond color, especially for focus states.

Recommended combinations

Opulent Contrast

Excellent for main branding, headlines, and body text, creating a luxurious and highly readable user experience.

#0F2027 · #CCAF00 · #F2F5E0

Deep Jewel

Ideal for layered backgrounds, subtle UI depth, or creating atmospheric visual elements in digital designs.

#0F2027 · #1A433A · #202020

Gilded Highlight

Perfect for call-to-action buttons, important notifications, or key navigational elements that need to stand out.

#202020 · #CCAF00 · #F2F5E0

CSS variables

:root {
  --midnight-velvet-glam-1: #0F2027;
  --midnight-velvet-glam-2: #1A433A;
  --midnight-velvet-glam-3: #202020;
  --midnight-velvet-glam-4: #CCAF00;
  --midnight-velvet-glam-5: #F2F5E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-glam": {
        1: "#0F2027",
        2: "#1A433A",
        3: "#202020",
        4: "#CCAF00",
        5: "#F2F5E0",
      }
    }
  }
}

Related searches

luxurious dark color schemeantique gold paletteelegant jewel tonessophisticated website colorsdark mode glam design

Palette colors

Hex values

Color 1#0F2027
·
Color 2#1A433A
·
Color 3#202020
·
Color 4#CCAF00
·
Color 5#F2F5E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1:1Fail
7.7:1AAA
15.1:1AAA
2
1.5:1Fail
1.5:1Fail
5.1:1AA
9.9:1AAA
3
1:1Fail
1.5:1Fail
7.5:1AAA
14.7:1AAA
4
7.7:1AAA
5.1:1AA
7.5:1AAA
1.9:1Fail
5
15.1:1AAA
9.9:1AAA
14.7:1AAA
1.9:1Fail

Similar palettes

More like Midnight Velvet Glam

View all dark
Deco Grandeur Noir
Velveteen Drapes Night
Art Deco Evening
Art Deco Midnight
Art Deco Sapphire
Art Deco Speakeasy