Maple Syrup

#bb9351

Honeyed maple gold with subdued green warmth

Save
Share

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 and less honey-brown than , so it doesn't fight the page with warmth. Compared to , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.84:1Fail

On Gray 100 #f5f5f5

Aa
2.60:1Fail

On Gray 900 #18181b

Aa
6.25:1AAAAA Large

On Black #000000

Aa
7.41:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Maple Syrup

Open the generator with this color pre-loaded.

Start creating