Brass Buttons
#dfac4c
Warmer, deeper brass gold that reads bolder
About Brass Buttons
Brass Buttons is the one that actually reads as metal, there's a copper undertone that keeps it from sliding into pure gold the way Cheese Wiz does. It's warmer than Cookie Crust but less amber than Caramel Essence, which means it doesn't soften or retreat. This is a color that sits forward without shouting.
You'll land it on financial dashboards, product detail pages, and editorial callouts where you need something that holds authority without feeling corporate. It pairs well with deep navy, charcoal, and warm grays, but the real test is how it behaves on complex or slightly saturated backgrounds, it stays readable because it's got enough saturation to resist flattening. Unlike Cheese Wiz, which works equally on light and dark grounds, Brass Buttons leans slightly richer on lighter surfaces, so you might want to test before scaling it up.
The move: use it small and deliberate. A button, a heading, an accent that needs to land. It's the kind of color that works harder the more you trust it.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.