Skip to content
Be Your Own Barista

Search guides and recipes.

    StandardRecipe

    Ube Mocha

    The BYOB Team5 min1 drink (from a batch of Ube Syrup and a batch of Mocha Sauce, making about 10 and 12 servings respectively)$1.26/drink240 cal/drink

    Uses Ube Syrup — make a batch ahead of time; it keeps in the fridge for a week or two, so you won't need to make it again for every drink.

    Ingredients & steps

    Standard

    Written hot. Switch to see the iced version's ingredients and steps.

    Ingredients

    • 2oz espresso (or 1/3 cup strong coffee/moka pot equivalent)
    • 8oz milk, steamed or frothed (dairy or coconut milk both work here -- see the milk-swap options)
    • 1 tbsp Ube Syrup (make a batch ahead of time -- it keeps about 2 weeks in the fridge)
    • 1 tbsp Mocha Sauce (make a batch ahead of time -- it also keeps about 2 weeks in the fridge)
    • Optional: whipped cream for topping

    Steps

    1. 1.Make a batch each of Ube Syrup and Mocha Sauce ahead of time if you haven't already -- both keep about 2 weeks in the fridge, so this is a once-every-couple-weeks step, not a per-drink one.
    2. 2.Pull a double shot of espresso (or brew strong coffee) directly into your serving cup.
    3. 3.Stir in 1 tbsp of the ube syrup and 1 tbsp of the mocha sauce while the espresso is still hot, until both are fully combined -- same 2 tbsp total flavoring as any other latte on the site, just split between the two.
    4. 4.Steam or froth 8oz of milk to about 150°F and pour over the espresso mixture. Dairy milk is the default here, but coconut milk is a natural flavor match if you want to lean into it further.
    5. 5.Top with whipped cream if using. Serve immediately.

    Swap the milk

    This recipe is written with Kirkland Signature Organic A2 Whole Milk (8oz). Pick a different milk to see the cost and calories update below.

    Milk: Kirkland Signature Organic A2 Whole Milk

    Cost per drink

    $1.26

    Calories per drink

    240

    Not medical or nutrition advice. Calorie figures on this page are estimates based on typical ingredient values, not a lab analysis of your exact batch — they'll shift with the brand of milk, syrup, or protein powder you actually use. "Ingredient-Honest" and "sugar-free" describe what's in the recipe, not a health claim. If you're managing diabetes, a caffeine sensitivity, pregnancy, or another condition, check with a doctor or dietitian before making a recipe part of your routine. Read the full disclaimer.

    Ube and chocolate is a real, if less common, pairing straight out of Filipino desserts — ube brownies and ube-chocolate cakes are a genuine thing, not an invented mashup. This drink pairs our Ube Latte with our Mocha — real ube halaya against real cocoa, not two extracts stacked on top of each other. No third jar to build: just 1 tablespoon each of two bases you may already keep on hand.

    Make Both Bases First (Just Once)

    This recipe assumes you already have a jar each of Ube Syrup and Mocha Sauce in the fridge — the ube syrup is a 10-minute batch (thinning real ube halaya) making about 10 drinks’ worth, and the mocha sauce is a 15-minute stovetop batch making about 12. Both keep about 2 weeks. If you’re building your first jar of either, go make that one first, then come back here.

    Building the Drink

    1. Pull a double shot of espresso (about 2oz) directly into your cup, or brew a strong coffee/moka pot equivalent.
    2. Stir in 1 tbsp of the ube syrup and 1 tbsp of the mocha sauce while the espresso is still hot — same 2 tbsp of total flavoring as any single-flavor latte on this site, just split between the two jars instead of doubled up on one.
    3. Steam or froth 8oz of milk to about 150°F (see How to Make a Latte at Home for the full technique) and pour it over the espresso mixture. Dairy milk is the default, but coconut milk is a natural flavor match here if you want to lean into it further.
    4. Top with whipped cream if you want the full café look.
    Café Ube Mocha vs. Home Ube Mocha
    Café grande ube mocha (specialty-menu pricing, tax included)$6.35
    Home ube mocha (espresso, milk, both bases)~$1.26
    Savings per drink$5.09

    Both bases together cost about $8.95 total to make (~$7.65 for the Ube Syrup batch, ~$1.30 for the Mocha Sauce batch). The mocha sauce batch makes about 12 drinks’ worth on its own and the ube syrup about 10 — since this recipe only uses 1 tbsp of each per drink, a pair of batches stretches to around 10 ube mochas before the ube syrup runs out, with a bit of mocha sauce left over.

    Assumptions: grande-size drink, national-average specialty-menu pricing for a two-flavor combo drink, dairy milk, $16/lb specialty beans or equivalent grocery beans, and an 8oz jar of ube halaya at typical specialty-grocery pricing (see the Ube Syrup recipe for the full breakdown). No seasonal ceiling on this one — if it’s your regular order, the savings compound year-round. At 5 ube mochas a week over the site’s standard 48-week year, that’s roughly $1,222/year back in your pocket versus the café version.

    Swaps & Notes

    • No espresso machine? A moka pot or strong AeroPress shot works fine.
    • Want it more chocolate-forward or more ube-forward? Shift the ratio — 1.5 tbsp mocha sauce + 0.5 tbsp ube syrup leans chocolate, or the reverse leans ube. The cost and calorie math above assumes an even 1:1 split.
    • Only have one of the two bases made? This drink genuinely needs both — if you’re out of one, make the plain Ube Latte or plain Mocha instead rather than doubling up on whichever jar you have.
    • Not sure ube and chocolate is for you? That’s fair — it’s a real pairing (ube brownies are genuinely popular), but it’s less universal than, say, our Coconut Mocha. Try the plain Ube Latte first if you’re on the fence.
    • Iced version: use the Hot/Iced toggle above the ingredients to switch — less milk (about 4oz cold over ice instead of 8oz steamed), same method as every other iced drink on the site.

    Recipe Card Summary

    Ube Mocha

    • 2oz espresso + 8oz steamed milk + 1 tbsp Ube Syrup + 1 tbsp Mocha Sauce (both made ahead)
    • Prep time: 5 minutes (after both bases are made) · Total: 5 minutes
    • Cost: ~$1.26/drink vs. $6.35 café equivalent

    FAQ

    Is ube and chocolate actually a real flavor pairing, or is this a stretch?

    Real — ube brownies and ube-chocolate desserts are a genuine, well-established combination in Filipino baking, not something invented for a coffee menu. It’s less common than an ube-vanilla or ube-coconut pairing, but it holds up.

    Do I need to make a whole new syrup for this?

    No — that’s the point of building it this way. It uses 1 tbsp each of the Ube Syrup and Mocha Sauce you’d make for our plain Ube Latte and Mocha recipes, so if you already keep either on hand, you’re most of the way there.

    Can I make this without an espresso machine?

    Yes — a moka pot, AeroPress, or even strong drip coffee works. See How to Make a Latte at Home for the no-machine method.

    Browse by ingredient tier

    Or skip this drink and explore every recipe in the Ingredient-Honest, Standard, or Sugar-Free lineup.

    Browse more Mocha recipes →