Maple Syrup
#bb9351
Honeyed maple gold with subdued green warmth
About Maple Syrup
Maple Syrup is the shade you notice on a jar label after the light hits it, not the flat "gold" you get from brass, but a softer amber-green that stays calm. It's lighter than Amaretto Sour and less honey-brown than Lion, so it doesn't fight the page with warmth. Compared to Packing Paper, it has more presence and a clearer undertone, less dusty and more syrupy.
I use it for editorial headers, product packaging, and interface accents when I want "friendly premium" without tipping into orange or beige. On e-commerce category banners, it reads crisp over cream and holds up next to deep blacks better than the paler neighbor. In dashboards and retail POS UI, it works as a section label or status chip that doesn't feel heavy.
Quick quirk: keep it away from overly red tones, because it'll start to look brownish fast. Pair it with sage or cool gray backgrounds and it stays distinctly green-gold instead of turning generic amber.
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.