Steampunk Gold
#c39c55
Brass-gold warmth for section highlights in green UIs
About Steampunk Gold
Steampunk Gold looks like brass that's been handled, not plated new. It's a little muted and dusty compared to the cleaner camel linen warmth, and it doesn't have the sweeter, liqueur-like pop of Amaretto Sour. Versus Gingerbread House, it's less "baked spice" and more metal-toned amber, with a drier finish.
I like it for industrial brand systems and packaging mockups where you need "machined warmth" that still reads modern. It works well in UI as background panels, pricing tiles, and small chart accents for dashboards and finance apps. It behaves differently than Camel: Camel can feel softer and more neutral, while Steampunk Gold keeps more of that gold-forward undertone without sliding into terracotta.
Pair it with deep olive, cool grays, or off-white paper textures. On bright, stark whites it can skew slightly antique, so I usually give it a warmer neighbor to keep it from feeling dry.
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.