ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Luxury· Curated

Haute Couture Noir & Gold

Opulent black-tie luxury color scheme fusing deep obsidian blacks with warm champagne gold tones.

#Luxury#Dark#Fashion#Premium
Open in Generator
COLOR 1
#0B0B0B
Jet Black Deep
COLOR 2
#1C1917
Sumi Ink Black
COLOR 3
#B45309
Maple Syrup
COLOR 4
#D97706
Baltic Amber
COLOR 5
#FDE68A
Jasmine White

Suitable Design Applications

Luxury Fashion E-CommerceHigh-End Hospitality SuitesFine Jewelry BrandingArchitectural Portfolios

Visual Psychology & Mood

Uncompromised luxury, prestige, timeless elegance, and artisanal craftsmanship.

Editorial Application Advice

Refined champagne gold balanced with muted warm stone and deep espresso. Use ample negative space to let the metallic warmth elevate typography.

Recommended UI Role Architecture

Optimal visual hierarchy assignment for digital product interfaces:

Primary Canvas Background
#0C0A09
Card & Elevated Surface
#1C1917
Primary Brand CTA Accent
#D4AF37
Secondary Accent & Focus
#E6CA65
Typography & Headings
#FAFAF9

Color Values & Codes

HEX · RGB · HSL
rgb(11, 11, 11)hsl(0, 0%, 4%)Color details →
rgb(28, 25, 23)hsl(24, 10%, 10%)Color details →
rgb(180, 83, 9)hsl(26, 90%, 37%)Color details →
rgb(217, 119, 6)hsl(32, 95%, 44%)Color details →
rgb(253, 230, 138)hsl(48, 97%, 77%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Luxury Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0B0B0B;
  --color-2: #1C1917;
  --color-3: #B45309;
  --color-4: #D97706;
  --color-5: #FDE68A;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0B0B0B on #D977066.18:1
Normal Text AA Pass
Sample Text
#0B0B0B on #FDE68A15.80:1
Normal Text AA Pass
Sample Text
#1C1917 on #D977065.49:1
Normal Text AA Pass
Sample Text
#1C1917 on #FDE68A14.04:1
Normal Text AA Pass
Sample Text
#B45309 on #D977061.58:1
Large Text Only (Fail)
Sample Text
#B45309 on #FDE68A4.03:1
Large Text Only (Pass)

Related Palettes in Luxury

Explore Luxury
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature
#191817Copy
#4A453FCopy
#8C8275Copy
#C7BCA9Copy
#F2ECE1Copy
cp-featured-15Fashion
Milan Runway Neutral
FashionNeutralCreative
#091E17Copy
#133E32Copy
#A2834DCopy
#CBB279Copy
#EFEBD9Copy
cp-featured-19Luxury
Velvet Royal Emerald
Luxury
#389EBECopy
#28AAD2Copy
#0C92BBCopy
#247A94Copy
#12A2CECopy
cp-featured-28Aesthetic
Muted Moonstone Sanctuary
AestheticLuxuryCool

Frequently Asked Questions About Haute Couture Noir & Gold

Production design guidance and accessibility rules for applying the Haute Couture Noir & Gold (Luxury) color palette.

What is the recommended role hierarchy for the Haute Couture Noir & Gold palette?
In digital interface design, allocate #0B0B0B and #FDE68A for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #1C1917 or #B45309 as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Haute Couture Noir & Gold WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Haute Couture Noir & Gold palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.