Ginger Beer
#c27f38
Warm ginger-gold midpoint, less smoky than Gothic Gold
About Ginger Beer
Ginger Beer looks like the inside of a bottle label after it's been warmed by sun, that syrupy amber-orange glow without tipping fully into brown. It's more orange-leaning than Gothic Gold, so you don't get the brassy, ironed-in feeling. And it's lighter and less saturated than Arrakis Spice, so it carries heat, but it doesn't feel heavy or scorched.
In layout terms, Ginger Beer is the shade that behaves like a highlight color while still reading as a filled surface. I use it behind product thumbnails in food and beverage brands, in packaging mockups for mixers and spices, and for CTAs and selection states in e-commerce where you want warmth that pops but stays legible against cream photography. It also works in craft and hospitality dashboards where you want friendly energy instead of the deeper, browned authority of the darker neighbors.
Pair it with warm off-whites, soft cocoa browns, and muted olive. If you mate it with bright peachy creams, it can start to look a little muddy and flat, losing that ginger snap.
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.