Barista’s Favourite
#bb8d4e
Toasty barista caramel with deeper, tea-brown warmth
About Barista’s Favourite
This one lands differently than the others in this cluster. It's got the roasted depth of Caramel Macchiato but sits noticeably warmer, more golden, less ashy. Where Butter Bronze softens toward yellow and Caramel Crumb pulls toward amber, Barista's Favourite actually *feels* like coffee: there's a slight edge to it, a muted earthiness that reads as grounded instead of bright. It's darker than what surrounds it, but never heavy.
Reach for this in food platforms, coffee shop apps, and hospitality interfaces where you need a background that acknowledges the product without competing with photography. Works as a card container in delivery apps, a button state in booking flows, or the base layer in editorial layouts around beverage imagery. The saturation is just restrained enough that it doesn't demand attention, but it holds weight on the layout, there's structure here, not atmosphere.
Against cream or pale backgrounds you'll lose contrast faster than you will with Caramel Crumb, so pair it with darker text or deeper neutrals to keep your hierarchy clear. It's the shade that whispers "this matters" instead of declaring it.
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.
Similar colors
Create a gradient with Barista’s Favourite
Open the generator with this color pre-loaded.
Start creating