Ginger
#b06500
Softer burnt-orange gold, balances deeper ambers
About Ginger
Ginger reads like fresh spice stirred into golden syrup, but with a tighter, cleaner glow than the toasted, grainy yellows nearby. It's darker and more saturated than the soft butter-tones you might expect from "yellow," yet it doesn't tip as orange as Indocile Tiger. Compared to Inca Gold, it holds onto more red-brown heat, so it feels richer instead of grain-light. Against Caramel, it stays more golden-leaning, less brooding, so it doesn't get that heavy brown-gold weight.
For UI, I use it as a background or band color where you want warmth that still looks deliberate in product interfaces. It's great for data-dense panels, commerce and hospitality tiles, and button accents that need to feel grounded, not candy-bright. In print, it works well on food labels, menu covers, and editorial section rules when the paper is warm and you want the headline area to "stay lit."
One quirk: it can feel a little dense next to very pale yellows, so I like pairing it with cream, off-white, or toasted beige to keep the glow from clumping.
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.