Palette

Deco Grandeur Noir

Exuding sophistication and luxury, this palette combines deep, rich tones with shimmering gold, reminiscent of Art Deco opulence.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deco Grandeur Noir 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 Deco Grandeur Noir.

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

Data visualization

#1F3A4B#B8860B#0A2535#202020#F2F2DC

Palette guide

How to use Deco Grandeur Noir

Overview

The Deco Grandeur Noir palette exudes sophistication and luxury, combining deep, rich tones with shimmering gold, reminiscent of Art Deco opulence. This elegant collection features the profound blues of #1F3A4B and #0A2535, complemented by the classic black of #202020 and the radiant gold of #B8860B. Designers and developers can utilize these powerful hues, alongside the soft cream of #F2F2DC, to create high-end digital experiences, exclusive brand identities, or lavish print designs. Its dramatic contrasts and luxurious accents make it perfect for projects that aim to convey prestige, timeless elegance, and a sense of refined grandeur.

Best used for

Luxury product and service branding
High-end fashion or jewelry websites
Exclusive club or lounge interiors
Formal event invitations and branding
Upscale architectural portfolios
Premium subscription service interfaces

Suggested color roles

primary

#0A2535 - A very deep, almost black navy blue, serving as a commanding primary color for backgrounds, headers, or foundational UI elements, conveying profound elegance.

secondary

#1F3A4B - A slightly lighter, rich teal-blue, excellent for secondary sections, large text blocks, or to add subtle variation and depth to dark areas.

accent

#B8860B - This vibrant, antique gold provides a striking accent, perfect for interactive elements, logos, or decorative details to emphasize luxury and sophistication.

background

#202020 - A deep, classic black, ideal for creating dramatic and opulent backgrounds that allow the gold and blues to shimmer with intensity.

text

#F2F2DC - A soft, off-white cream, essential for primary text on dark backgrounds like #0A2535 or #202020 to ensure optimal readability and a luxurious contrast.

Accessibility notes

White or #F2F2DC text on #0A2535, #1F3A4B, and #202020 will provide excellent contrast and readability.
Avoid using #1F3A4B or #0A2535 for text on #202020 as contrast will be insufficient.
The gold #B8860B offers good contrast with dark backgrounds; ensure text size is adequate if using gold for critical information.
Use sufficient padding around text and interactive elements, especially against deep backgrounds, to improve visual comfort.

Recommended combinations

Opulent Contrast

#202020 as a dramatic background, #B8860B for luxurious accents, and #F2F2DC for elegant primary text.

#202020 · #B8860B · #F2F2DC

Deep Elegance

Creates a sophisticated layered effect with deep blues, highlighted by a touch of gold for prestige.

#0A2535 · #1F3A4B · #B8860B

Grandeur Text

#1F3A4B for background, #F2F2DC for body text, and #B8860B for headings or calls to action.

#1F3A4B · #F2F2DC · #B8860B

CSS variables

:root {
  --deco-grandeur-noir-1: #1F3A4B;
  --deco-grandeur-noir-2: #B8860B;
  --deco-grandeur-noir-3: #0A2535;
  --deco-grandeur-noir-4: #202020;
  --deco-grandeur-noir-5: #F2F2DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deco-grandeur-noir": {
        1: "#1F3A4B",
        2: "#B8860B",
        3: "#0A2535",
        4: "#202020",
        5: "#F2F2DC",
      }
    }
  }
}

Hex values

Color 1#1F3A4B

Color 2#B8860B

Color 3#0A2535

Color 4#202020

Color 5#F2F2DC

Accessibility

Contrast checker

3.7:1AA18

1.3:1Fail

1.4:1Fail

10.5:1AAA

3.7:1AA18

4.9:1AA

5:1AA

2.9:1Fail

1.3:1Fail

4.9:1AA

1:1Fail

13.9:1AAA

1.4:1Fail

5:1AA

1:1Fail

14.4:1AAA

10.5:1AAA

2.9:1Fail

13.9:1AAA

14.4:1AAA

Similar palettes

More like Deco Grandeur Noir

View all dark

Midnight Velvet Glam

Velveteen Drapes Night

Art Deco Evening

Art Deco Midnight

Art Deco Sapphire

Art Deco Sapphire Gleam