Gilded Noir
A complete five-role scheme. luxurious and bold in character — tagged for law, retail.
primary
#d4af37 secondary
#6e6e78 accent
#8c2f39 background
#101014 text
#ece7db AcmeSign up
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',
}