brand-likedark
Luxury Noir Color Palette
Luxury Noir is a brand-ready and dark color palette of 5 colors: Oxford Blue (#0c0c0c), Gunmetal (#1f1f1f), Camel (#bfa16a), Pearl (#e8dcc2) and Snow (#fafafa). Its dominant hue is yellow.
The darkest color, Oxford Blue, on the lightest, Snow, gives a 18.74:1 contrast ratio — enough for body text at WCAG AAA. 6 pairs in this palette pass AA for normal text. Camel (#bfa16a) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Gunmetal
- Camel
- Pearl
- Snow
CSS Output
:root {
--luxury-noir-1: #0c0c0c;
--luxury-noir-2: #1f1f1f;
--luxury-noir-3: #bfa16a;
--luxury-noir-4: #e8dcc2;
--luxury-noir-5: #fafafa;
}Luxury Noir on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on Snow#0c0c0c on #fafafa18.74:1AAA
- Gunmetal on Snow#1f1f1f on #fafafa15.79:1AAA
- Oxford Blue on Pearl#0c0c0c on #e8dcc214.38:1AAA
- Gunmetal on Pearl#1f1f1f on #e8dcc212.12:1AAA
- Oxford Blue on Camel#0c0c0c on #bfa16a7.93:1AAA
- Gunmetal on Camel#1f1f1f on #bfa16a6.68:1AA