Back to palettes

Palette

Cinema Noir Velvet

A dramatic blend of deep grays and subtle gold, reminiscent of classic film noir sophistication.

Darkelegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#404040#666666#999999#B8860B#202020

Palette guide

How to use Cinema Noir Velvet

Overview

The Cinema Noir Velvet palette is a dramatic blend of deep grays and subtle gold, meticulously crafted to evoke the sophisticated allure of classic film noir. It features rich tones like #202020 (Very Dark Grey) and #404040 (Dark Grey), complemented by the softer #666666 and #999999. The unexpected burst of #B8860B (Dark Goldenrod) adds a touch of vintage luxury and intrigue, reminiscent of flickering lamplight or antique brass. This palette is ideal for designers seeking to convey elegance, mystery, or a timeless sophistication. It's particularly effective for high-end branding, artistic projects, or any design that benefits from a strong, moody, and refined visual narrative.

Best used for

  • Luxury brand identity (e.g., watches, spirits)
  • Artistic photography and film portfolios
  • High-end event invitations and decor
  • Elegant website and app interfaces
  • Dark mode UI/UX design
  • Fashion and jewelry branding

Suggested color roles

primary

Utilize #202020 (Very Dark Grey) for primary backgrounds or important headers, establishing a strong, dramatic foundation.

secondary

Apply #404040 (Dark Grey) for content blocks, navigation, or secondary headings, maintaining depth.

accent

Employ #B8860B (Dark Goldenrod) for elegant highlights, call-to-action buttons, or decorative elements to add luxury.

background

Use #202020 as the main background, providing a rich, dark canvas for lighter elements and the golden accent.

text

For body text, #999999 or white (#FFFFFF) provides excellent readability against the darker tones, maintaining sophistication.

Accessibility notes

  • Ensure sufficient contrast between text and background; use light grey or white text on dark grey backgrounds.
  • Pair #B8860B with dark text (e.g., #202020) for optimal readability, or white text if used as a background.
  • Avoid using similar shades of grey for text and background to prevent readability issues.
  • Test contrast ratios for interactive elements, ensuring they are clearly distinguishable and accessible.

Recommended combinations

Noir Elegance

Ideal for main branding, with #202020 as base, #666666 for content, and #B8860B for luxurious accents.

#202020 · #666666 · #B8860B

Shadow Play

Perfect for creating subtle depth in UI elements, layered content blocks, or sophisticated backgrounds.

#404040 · #999999 · #202020

Golden Accent

Combine for icons, decorative borders, or to highlight specific details with a touch of vintage luxury.

#666666 · #B8860B · #404040

CSS variables

:root {
  --cinema-noir-velvet-1: #404040;
  --cinema-noir-velvet-2: #666666;
  --cinema-noir-velvet-3: #999999;
  --cinema-noir-velvet-4: #B8860B;
  --cinema-noir-velvet-5: #202020;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cinema-noir-velvet": {
        1: "#404040",
        2: "#666666",
        3: "#999999",
        4: "#B8860B",
        5: "#202020",
      }
    }
  }
}

Related searches

dark grey gold palettecinema noir colorselegant dark aestheticluxury vintage designmoody sophisticated scheme

Palette colors

Hex values

Color 1#404040
·
Color 2#666666
·
Color 3#999999
·
Color 4#B8860B
·
Color 5#202020
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.6:1AA18
3.2:1AA18
1.6:1Fail
2
1.8:1Fail
2:1Fail
1.8:1Fail
2.8:1Fail
3
3.6:1AA18
2:1Fail
1.1:1Fail
5.7:1AA
4
3.2:1AA18
1.8:1Fail
1.1:1Fail
5:1AA
5
1.6:1Fail
2.8:1Fail
5.7:1AA
5:1AA

Similar palettes

More like Cinema Noir Velvet

View all Dark
Gothic Revival Grandeur
Midnight Cherry Blossom
Nocturnal Rose Bloom
Regal Theatre Curtains
Velvet Evening Gown
Gilded Age Elegance