Beer
#fcaa12
Spiced amber-gold for punchy, high-contrast accents
About Beer
Beer is the color you pick when you need something more goldish and less orange than what's sitting around it. Where Burning Flame demands attention and Butterscotch plays it safe, this one has actual depth without the heat. It's the kind of amber that reads as deliberate on screen, dense enough to land, light enough to breathe.
Works well in beer and beverage packaging, e-commerce product pages, and financial dashboards where you need warmth that feels authoritative, not frantic. Hospitality apps, travel interfaces, loyalty programs. It's got more saturation than Apricot's fruit-forward brightness but stays cooler in temperature than Burning Flame's muscular intensity. This is the amber that feels like it knows what it is.
Pair it with charcoal or navy type and it gets richer fast. On pale backgrounds it holds its own without needing darker anchors nearby, but that's also why it can flatten if you're not careful, test it against your actual palette before committing.
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.