Gilded Noir
A complete five-role scheme. luxurious and bold in character — tagged for law, retail.
#d4af37 #6e6e78 #8c2f39 #101014 #ece7db Ship your next idea faster
Everything you need to launch, in one place.
Get started Learn moreOpen this scheme in the Studio →
Color values
| Role | Hex | RGB | HSL |
|---|---|---|---|
| primary | #d4af37 | 212, 175, 55 | 46°, 65%, 52% |
| secondary | #6e6e78 | 110, 110, 120 | 240°, 4%, 45% |
| accent | #8c2f39 | 140, 47, 57 | 354°, 50%, 37% |
| background | #101014 | 16, 16, 20 | 240°, 11%, 7% |
| text | #ece7db | 236, 231, 219 | 42°, 31%, 89% |
Contrast (WCAG)
| Pair | Ratio | Level |
|---|---|---|
| text on background | 15.39 | AAA |
| primary on background | 9.03 | AAA |
| secondary on background | 3.76 | AA-large |
| accent on background | 2.33 | fail |
| background on primary | 9.03 | AAA |
| background on accent | 2.33 | fail |
CSS variables
:root {
--color-primary: #d4af37;
--color-secondary: #6e6e78;
--color-accent: #8c2f39;
--color-bg: #101014;
--color-text: #ece7db;
}Tailwind
colors: {
primary: '#d4af37',
secondary: '#6e6e78',
accent: '#8c2f39',
background: '#101014',
text: '#ece7db',
}Best text pairings
The strongest foreground/background combinations in Gilded Noir, ranked by WCAG contrast. Darker color set as the text; ratios of 4.5:1+ suit body copy, 7:1+ meet AAA.
Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on text — clears AAA comfortably.
#101014 on #ece7db Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — background on primary — clears AAA comfortably.
#101014 on #d4af37 Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — accent on text — meets AA for body text.
#8c2f39 on #ece7db Aa Bb 09
Pack my box with five dozen liquor jugs.
This pair — secondary on text — suits large text and UI accents only.
#6e6e78 on #ece7db