• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
theflournook
  • Dishes
  • Desserts
  • Drinks
Home » Hokkaido Mocha Cupcakes

Hokkaido Mocha Cupcakes

March 4, 2025 by Christina Leave a Comment

Jump to Recipe·Print Recipe

I have been obsessed with chiffon lately. Seriously, the way it just melts in your mouth, that lightness you get from all those carefully folded egg whites? There’s nothing quite like it. Also, I’m a big fan of things that feel a little special but are still very much doable in a home kitchen (usually a small batch, too, because why make 24 cupcakes when you can make 6?). So, naturally, I had to make these Hokkaido Mocha Chiffon Cupcakes.

A single Hokkaido mocha chiffon cupcake with a white paper liner and a large dome of white frosting sits on a white marble surface next to a fork, with more cupcakes in the background. this recipe

These coffee-infused cupcakes are like a latte in cupcake form. Light and fluffy chiffon sponge with a rich mocha flavour, topped with a cute round cloud of whipped cream. And if you’re feeling a caramel macchiato vibe (which, let’s be real, you should), a little caramel drizzle takes them to the next level (optional though!!). 

And yes, you can absolutely do this. Don’t let the word “chiffon” make you think it’s too tricky, because I promise you, it’s not.

What Are Hokkaido Cupcakes?

Despite their name, Hokkaido cupcakes actually originated in Singapore, not Japan. They were inspired by the soft and airy texture of Japanese baked goods, which explains their lightness. These cupcakes are often made with a delicate chiffon base and filled with whipped cream for a creamy, fluffy bite. While they may not be a traditional Hokkaido specialty, they’ve become a beloved treat known for their super soft texture and “just right” sweetness.

A close-up shows a mocha chiffon cupcake with white frosting, and several others are out of focus on a white tray behind it.

Ingredients

  • Large eggs
  • Neutral oil
  • Brewed coffee (strong)
  • Cake flour
  • Cocoa powder
  • Granulated sugar
  • Lemon juice
  • Heavy whipping cream

What Makes a Hokkaido Chiffon Cupcake So Light?

It all comes down to the egg whites and a specific flour choice. Chiffon cake batter is mostly air, held together by a sturdy meringue. This recipe uses cake flour, which has a lower protein content than all-purpose flour. Less protein means less gluten development, and less gluten means a softer, more tender crumb.

The really important part, though, is how you handle the egg whites. You’re going to whip them into a glossy meringue with granulated sugar until they form stiff peaks. Then, you gently fold that meringue into your egg yolk batter. You want to maintain as much of that air as possible, so take your time and use that ‘J’ motion I describe in the instructions. It ensures your cupcakes stay fluffy and don’t deflate. (I tested this WAY more than necessary to get the folding just right, so you don’t have to!)

The Importance of a Gentle Bake

Chiffon is a bit particular about its oven temperature, and for good reason! This recipe uses a stepped baking process, starting low and gradually increasing the heat. There’s a method to the madness here:

  • Starting at a lower temperature (250°F / 120°C) allows the cupcakes to rise slowly and evenly. This gentle heat helps to set the delicate structure of the meringue-based batter without causing it to crack or dome too quickly.
  • Gradually increasing the temperature (to 265°F / 130°C, then 300°F / 150°C) ensures the cupcakes bake through thoroughly and develop a stable structure. If the oven is too hot too soon, the outside can set before the inside has a chance to fully rise, leading to a dense centre or a sunken top.

It’s a little bit of patience, but it pays off with cupcakes that are truly light from top to bottom. Once they’re out of the oven, make sure they cool completely before you even think about adding that whipped cream. Hot cake + cold cream = sad, melted mess.

Equipment

  • Kitchen scale (I like to weigh out most of my ingredients for accuracy, I also think it’s more efficient when measuring things out over measuring cups!)
  • Large and small mixing bowls
  • Measuring cups and spoons
  • Whisk
  • Rubber spatula
  • Electric mixer (stand or hand-held)
  • Cupcake/muffin pan (for those straight edge cupcakes, I got mine from a Korean bakery supplier!)
  • Cupcake liner molds
  • Piping bag (optional but recommended, this batter is pretty runny)
  • Wire cooling rack
Hokkaido mocha chiffon cupcakes topped with white frosting are on a tray, with one cut piece on a plate.

My Best Tips for Fluffy Chiffon Cupcakes

Whisk the oil and coffee first. Make sure they are thoroughly combined before you sift in the dry ingredients. This helps prevent lumps and ensures a smooth batter later.

Don’t skip sifting. Cake flour and cocoa powder can clump. Sifting them together ensures an even distribution and an ultimately smoother, lump-free batter.

Lemon juice in meringue. Just a few drops of lemon juice (or cream of tartar, if you have it) helps to stabilize the egg whites, making your meringue stronger and more resilient. This means more stable air bubbles and a better rise.

Tap the pan. After piping the batter into the cupcake liners, tap the pan gently on your counter a few times. This helps to release any large air bubbles that might be trapped, preventing big holes in your baked cupcakes.

A Hokkaido mocha chiffon cupcake with a tall dome of white frosting sits in the foreground, with several other frosted cupcakes behind it.

That’s it from me! I really hope you make these Hokkaido mocha chiffon cupcakes. They’re such a rewarding bake and definitely my favourite way to enjoy a light, coffee-flavoured cake right now. If you try them, please share a photo and tag me on socials @theflournook (I love seeing what you bake!). And if you enjoyed the recipe, leaving a review helps me out a lot. You can pin or save this recipe using the button on the recipe card or any of the photos in the post.

Enjoy!

  • TikTok
  • Pinterest
  • Instagram

For more easy dessert recipes, check out these:

You may also like

Slice of layered coffee cake on a ceramic plate showing moist yellow cake with cinnamon swirl filling and thick crumb topping, with whole cake and serving board visible in background on wooden tableCinnamon Streusel Coffee Cake A slice of rich double chocolate banana bread with chocolate chips rests on a white plate, with the full loaf and a ripe banana visible.Double Chocolate Banana Bread Three slices of hojicha castella cake with a delicate brown crumb are stacked on a white plate with a fork, with more slices in the background.Hojicha Castella A marble bundt cake, dusted with powdered sugar, sits on a white plate with a slice removed, revealing the chocolate and vanilla swirl.Marble Bundt Cake
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
A single Hokkaido mocha chiffon cupcake with a white paper liner and a large dome of white frosting sits on a white marble surface next to a fork, with more cupcakes in the background.

Hokkaido Mocha Cupcakes


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Christina
  • Total Time: 1 hour 20 minutes
  • Yield: 6 cupcakes 1x
Print Recipe
Pin Recipe

Description

These fluffy mocha cupcakes are so soft and airy, with a subtle coffee chocolate flavour from brewed coffee and cocoa. Topped with a generous scoop of whipped cream, they’re surprisingly easy for a chiffon recipe.


Ingredients

Units Scale

For the Cake

  • 2 large eggs (60 g), yolks and whites separated
  • 2 tbsp (26 g) neutral oil, I use corn oil
  • 2 tbsp (30 g) strong brewed coffee
  • 1/4 cup (30 g) cake flour
  • 1 tbsp (4 g) cocoa powder
  • 3 tbsp (36 g) granulated sugar
  • A few drops lemon juice

For the Whipped Cream

  • 1 cup (250 g) heavy whipping cream
  • 2 tbsp (20 g) granulated sugar OR 1 tbsp (10 g) powdered sugar


Instructions

  1. Preheat oven to 250°F (120°C). Line a muffin tin with cupcake/muffin liners.
  2. In a medium bowl, whisk the oil and coffee together. Sift cake flour and cocoa powder into the mixture. Whisk until a thick batter forms. Stir in the egg yolks until smooth. Set aside.
  3. In a separate bowl, add lemon juice to the egg whites. Beat until frothy. Gradually add granulated sugar while continuing to beat until stiff peaks form. The meringue should hold a slight hook.
  4. Gently fold half of the meringue into the egg yolk mixture until just combined. Use a light hand to preserve the air in the batter. Add the yolk mixture to the remaining meringue. Fold gently until just combined. It should be quite runny.
  5. Pipe or scoop batter into lined cupcake molds, filling each about ¾ full. Tap the pan gently on a hard surface to release large air bubbles.
  6. Bake – First Stage: Bake at 250°F (120°C) for 30 minutes.
  7. Bake – Second Stage: Increase the oven temperature to 265°F (130°C). Bake for another 15 minutes.
  8. Bake – Third Stage: Raise the temperature to 300°F (150°C). Bake for the final 10 minutes.
  9. Remove cupcakes from oven. Cool completely.
  10. In a chilled bowl, beat heavy cream and sugar together until stiff peaks form.
  11. Pipe or scoop whipped cream onto the cooled cupcakes for that asian bakery look. Smooth with a spatula if desired.

Notes

A stable meringue is crucial for a light chiffon. I beat my egg whites until they hold a firm, slightly hooked peak; this provides the structure I want.

When folding the meringue into the yolk batter, I use a light hand to preserve the air you’ve built. This keeps the cupcakes airy and tender.

The gradual temperature increases during baking are key. I find this helps the chiffon rise evenly and prevents it from collapsing after baking.

  • Prep Time: 25 mins
  • Cook Time: 55 mins
  • Category: Cake
  • Method: Baking

Did you make this recipe?

Pin this recipe and share it on your board!

Filed Under: All recipes, Cake, Desserts, Muffins Tagged With: cake, chocolate, coffee, japanese

Previous Post: « Matcha Latte Pound Cake
Next Post: Strawberry Matcha Pinwheel Cookies »

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star
Recipe Rating




Primary Sidebar

Hi there!

Christina, recipe creator at The Flour Nook

I’m Christina, the recipe creator behind theflournook. Here, you’ll find easy, "not too sweet”, dessert recipes! My goal is to make cooking these delicious recipes fun, with simple, easy to follow steps. Join me in my blogging adventure. :)

lets get social

  • Instagram
  • Pinterest
  • TikTok

Popular recipes

Sliced red velvet loaf cake with cream cheese frosting on a white plate, showing the moist reddish-brown crumb texture. Three slices arranged in foreground with the remaining loaf visible behind.

Red Velvet Loaf

A hand uses a spatula to lift a warm, iced banana pecan cinnamon roll from a baking pan filled with more rolls, ready to serve.

Banana Pecan Cinnamon Rolls

A pile of pink and green marbled cookies, one with a bite taken out, showing its textured surface.

Strawberry Matcha Marble Cookies

A stack of three square green matcha scones with golden tops, garnished with two almond slivers, rests on white parchment paper.

Pistachio Matcha Scones

Slice of layered coffee cake on a ceramic plate showing moist yellow cake with cinnamon swirl filling and thick crumb topping, with whole cake and serving board visible in background on wooden table

Cinnamon Streusel Coffee Cake

Stack of blueberry crumble bars on a wooden cutting board showing golden crust, dark purple blueberry filling, and buttery crumble topping dusted with powdered sugar. A vintage silver spoon rests in the foreground.

Blueberry Crumble Bars

Footer

Copyright © 2026 theflournook on the Foodie Pro Theme