#030303
#4A4A4A
#ECC753
#FAFAFA
#000000Black
#3A3A3AOnyx
#D4AF37Mustard
#F2F2F2Smoke
Golden Noir is a muted neutral-based color palette tagged gold, luxury, dark. Mustard is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (0% to 95%), which gives clear hierarchy between background, content and accents. Try it for premium branding and packaging.
- Background: Smoke (#F2F2F2) is the lightest color, so it belongs on large surfaces.
- Text: Black (#000000) on #F2F2F2 gives 18.76:1, passing WCAG AAA.
- Primary: Mustard (#D4AF37) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Onyx (#3A3A3A) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Black on Smoke at 18.76:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Golden Noir
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#000000
#3A3A3A
#D4AF37
#F2F2F2
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#000000 on #F2F2F2 | Aa | 18.76:1 | AAA |
#3A3A3A on #F2F2F2 | Aa | 10.16:1 | AAA |
#000000 on #D4AF37 | Aa | 9.99:1 | AAA |
#3A3A3A on #D4AF37 | Aa | 5.41:1 | AA |
#D4AF37 on #F2F2F2 | Aa | 1.88:1 | Fail |
#000000 on #3A3A3A | Aa | 1.85:1 | Fail |
Similar palettes 24 more in this mood
#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE
#2B2B2B
#C9A227
#EAE7DC
#FFFFFF
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#EEEDF1
#E58600
#716C78
#200F28
#F8F5EE
#F1BC00
#817A6A
#2C271D
#2E2915
#514929
#FED700
#F8F5E8
#2B2B2A
#D8B500
#BEB8A1
#F7F7F6
#110722
#747A9D
#FFA42D
#DDDFEA
#FFFFFF
#E9E4D9
#D4AF37
#1F1F1F
#E7E1D6
#FFCC5D
#6C5830
#352C1A
#414141
#757575
#F0CB58
#FDFAF3
#E9E6DD
#FFDB55
#B5AE96
#3C3829
#000814
#1B3A69
#2A5A99
#FFC300
#F9F1EA
#F1D6CD
#D4AF37
#4A3A30
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#F0F0F0
#7454DD
#574F44
#0E0E0E
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#0B3B2E
#1F6F5B
#D4AF37
#F6F1E6
#13111A
#4B4659
#8B7ECC
#EDEBF7
#0E0E0E
#434343
#F5B7C4
#FFF7F9
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#000000
#3B3B3B
#EEE4CF
#FFFDF8
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF