Dark · curated

Charcoal & Gold

Charcoal & Gold is a curated opulent, restrained, formal system designed to move from expressive brand color to dependable surface and text roles.

Color values

Charcoal & Gold Primary · primary

HEX #B98A2F

RGB 185, 138, 47

HSL 40°, 59%, 45%

On white 3.12:1 · on black 6.74:1

Charcoal & Gold Secondary · secondary

HEX #D4AF37

RGB 212, 175, 55

HSL 46°, 65%, 52%

On white 2.10:1 · on black 9.99:1

Charcoal & Gold Accent · accent

HEX #8C7851

RGB 140, 120, 81

HSL 40°, 27%, 43%

On white 4.27:1 · on black 4.92:1

Charcoal & Gold Background · background

HEX #1C1C1E

RGB 28, 28, 30

HSL 240°, 3%, 11%

On white 17.01:1 · on black 1.23:1

Charcoal & Gold Text · text

HEX #F5F1E6

RGB 245, 241, 230

HSL 44°, 43%, 93%

On white 1.13:1 · on black 18.61:1

Text contrast between these colors

WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.

Aa Sample text
15.08:1AAA
Aa Sample text
8.09:1AAA
Aa Sample text
5.46:1AA
Aa Sample text
3.99:1Large text only
Aa Sample text
3.78:1Large text only
Aa Sample text
2.76:1Decorative only
Aa Sample text
2.03:1Decorative only
Aa Sample text
1.86:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.