vietnamese iced coffee cake

About This Vietnamese Iced Coffee Cake

This Vietnamese iced coffee cake is inspired by one of my favorite drinks! The recipe starts with two layers of a VERY strong coffee-flavored cake. The cake has two types of coffee in it: coffee granules and strong-brewed coffee.

These layers are then combined together and covered with a sweet and creamy sweetened condensed milk frosting. Finally, to make it an “iced” Vietnamese coffee cake, I also finished the cake with mocha fudge swirls. These swirls mimic a freshly swirled iced coffee drink!

For more fun layer cake recipes, check out this Pistachio Pudding Layer Cake, this Vanilla Mille Crepe Cake, and of course, My Best Chocolate Birthday Cake Recipe!

vietnamese iced coffee cake

Why You Should Make This Recipe

This Vietnamese iced coffee cake recipe is one of the most popular recipes on Hummingbird High… of all time!

I first made this Vietnamese iced coffee cake back in 2017! It was the first recipe of mine that nearly incited a riot. Since then, many of you have made this cake to celebrate special occasions like birthdays, anniversaries, and more. One Instagram follower even told me that she makes the cake every year for her birthday! I’m beyond touched.

Different parts of this Vietnamese iced coffee cake recipe can be made ahead to fit your schedule.

I’m not going to lie—most layer cake recipes take all day to make. First, you make the cakes and wait for them to cool completely before assembling and decorating. Next, you make the frosting and assemble the cake. If you’re using a complicated frosting like Swiss meringue buttercream, it can take up to a full half hour to make the frosting! Decorating the cake can be time-consuming, too. Fancy cake designs (like this Christmas wreath cake, this fault line cake, and this geode cake) can take hours to put together.

Luckily, this recipe is pretty forgiving and flexible. The cake can be made ahead far ahead of serving. Simply freeze the layers until you’re ready to assemble the cake. Be sure to check out more of my notes on how to make this cake fit into your schedule (and, spoiler alert: if you’re into this kind of time management, definitely check out my cookbook). The sweetened condensed milk frosting comes together in just 5 minutes. Cool, right?

Truthfully, creating and making the mocha swirls for the iced coffee cake takes up the most time. But once you get the hang of the design, it’s weirdly easy to pull off. Really! Don’t forget to watch my Instagram tutorial to help guide you through the process. To access the tutorial, click on the circle titled “Vietnamese Iced Coffee Cake” underneath my Instagram bio. You may need to scroll left or right to find the tutorial.

vietnamese iced coffee cake

Ingredients and Substitutions

Now that I’ve convinced you to make this Vietnamese iced coffee cake recipe, let’s talk about some of its key ingredients:

  • Ground Coffee or Instant Coffee Granules. My original recipe instructed you to use instant coffee—it’s 100% delicious. However, over the years, I’ve also made this cake with ground coffee. The ground coffee gives the cake a stronger coffee flavor than the instant coffee otherwise would. This strong coffee flavor is more akin to the Vietnamese coffee I know and love.

  • Sour Cream. If you don’t have sour cream, you can use plain, unsweetened full-fat regular OR Greek yogurt. AVOID using flavored yogurt since these have added sugars and artificial flavors that affect your cake. If you’re feeling fancy, you can also use crème fraîche!

  • Coffee. This Vietnamese iced coffee cake recipe uses ¾ cup strongly brewed dark roast coffee for the cake base. Strongly brewed coffee is coffee that has been brewed with more coffee beans than normal to give it a stronger taste and more caffeine. Coffee is often brewed at a 1:18 ratio. To make a “strong” cup, increase the amount of coffee so that its ratio to water will now be 1:16. What does that mean exactly? Around one to two tablespoons of ground coffee for every six ounces of water.

    If you don’t want to mess around and make your own coffee, do what I do: use cold brew coffee for this Vietnamese iced coffee cake! Most cold brew coffee is strongly brewed and perfect for this cake.

  • Chocolate Sauce. Note that chocolate sauce is different from chocolate syrup. Although there are similarities between the two, chocolate sauce is thicker and more similar to ganache and chocolate fudge.

    For this recipe, I recommend both Stonewall Kitchen’s Bittersweet Chocolate Sauce and Smucker’s Chocolate Fudge Topping. The key is to find a thick, chocolate sauce—this recipe does not work as well with chocolate syrups like Hershey’s Chocolate Syrup.

Wait—I’ve made this cake before. The original recipe instructed you to make coffee fudge from scratch. What happened?

When I first published this recipe back in 2017, I instructed you to make a coffee fudge sauce from scratch and use that instead of chocolate sauce. It’s delicious and although I highly recommend it, it adds more time to an already time-consuming recipe and baking project. So I decided to update the recipe with the shortcut of using store-bought chocolate sauce.

That being said, if you miss the original coffee fudge recipe, go ahead and make it! I included the recipe below.

Ingredients for Coffee Fudge Sauce

This recipe makes around ⅓ cup of coffee fudge. The fudge can be made up in advance of making the cake and frosting. You’ll likely have leftover fudge. Leftover fudge can be stored in the refrigerator for up to 2 weeks. Use any leftovers by drizzling it on top of other desserts like ice cream, brownies, and more!

  • 4 ½ teaspoons strongly brewed (preferably cold brew) coffee
  • 1 Tablespoon natural unsweetened cocoa powder
  • 0.5 ounces (14 grams) dark chocolate (at least 70% cacao), from whole fèves or a high-quality chocolate bar, chopped into ½- to 1-inch pieces
  • a pinch of kosher salt
  • 2 Tablespoons heavy cream
  • 1 Tablespoon granulated sugar
  • 1 Tablespoon light corn syrup

Recipe for Coffee Fudge Sauce From Scratch

  1. In a medium bowl, whisk together the coffee, cocoa powder, chocolate, and salt.
  2. Place the cream, sugar, and corn syrup in a small, heavy-bottomed sauce pan. Bring to a boil over medium-high heat, whisking occasionally. Immediately pour over the coffee and chocolate, then place a dinner plate over the bowl to make a makeshift lid. Let sit, undisturbed, for 1 minute.
  3. Remove the plate. Whisk slowly but steadily until the fudge is thick, smooth, and shiny, about 2 to 4 minutes. Pour the fudge into a glass jar with an airtight lid, cover, and refrigerate for up to 2 weeks.
vietnamese iced coffee cake
vietnamese iced coffee cake

How to Make Vietnamese Iced Coffee Cake

Below are the basic steps to make this Vietnamese iced coffee cake from scratch. Note that if you’re making the coffee fudge from scratch, I encourage you to do so as the first step in the recipe. Doing so will give the coffee fudge time to firm and set in the refrigerator.

First, make the coffee-flavored cake:

  1. Prep your ingredients for the coffee cake. (Prep Time: 5 to 10 minutes)
    To make the cake, you need ¾ cup strongly brewed coffee that’s been cooled to room temperature. It’s important to cool the coffee! If it’s still too hot when you pour it into the batter, it may curdle the batter by accidentally cooking the eggs. Using cold brew coffee will spare you 5 minutes of Prep Time since you won’t need to make coffee from scratch. That being said, cold brew coffee is typically refrigerated; it’s important to bring the cold brew coffee to room temperature, too! I speed up this process by pouring it into a glass and blitzing it in the microwave for 20-second intervals until it’s at room temperature.

  2. Make the cake batter. (Work Time: 10 minutes)
    Making the cake batter is an easy process. Simply beat together the sugar, eggs, and vanilla before mixing in the sour cream, oil, and coffee. After that, gradually add the dry ingredients. That’s it!

  3. Bake the coffee cake. (Bake Time: 30 minutes)
    Divide the cake between two 8-inch round cake pans and bake for 30 to 35 minutes. Note that you’ll need to wait for the cake to cool completely before frosting—check out my baker’s tips below on how to make this recipe fit into your schedule!

Next, make the sweetened condensed milk frosting:

  1. Prep your ingredients for the sweetened condensed milk frosting. (Prep Time: 5 minutes)
    When making frosting, it’s especially important to make sure that your butter is at room temperature and that your confectioners’ sugar was sifted. Cold butter and unsifted confectioners’ sugar makes lumpy frosting that is difficult to frost and riddled with bumps!

  2. Make the sweetened condensed milk frosting. (Work Time: 5 minutes)
    After you’ve prepped your ingredients, making the sweetened condensed milk frosting is an easy process. Simply beat the butter until creamy, then gradually add the confectioners’ sugar and condensed milk. Easy, right?

Then, start assembling the Vietnamese iced coffee cake:

  1. Assemble the cake layers. (Work Time: 5 to 10 minutes)
    Place one of the cake layers on a cake board (or a serving plate) in the middle of the rotating cake stand. Take an offset spatula and drop about ½ cup of the frosting right in the middle of the top of the cake. Spread it evenly all over the top, just like you would spread butter on toast. Place your second cake layer on top of this frosting, stacking it evenly on top of the cake.

  2. Crumb coat the cake. (Work Time: 15 to 30 minutes)
    A crumb coat is a thin layer of frosting that’s spread over the naked cake to trap crumbs. If you’ve ever tried to frost a cake without a crumb coat, you’ll know that crumbs can shake loose from the cake and get caught in the frosting, leaving your cake with unsightly bumps. The crumb coat seals in any crumbs, allowing you to apply thicker and smoother layers of frosting later.

    To apply a crumb coat, follow the instructions to stack the cakes, layering frosting between each cake to “glue” them together. Then cover the surface of the entire layer cake with a thin layer of frosting—this is the crumb coat. Use just enough frosting to cover the entire cake completely. Refrigerate for 30 minutes, just enough for the frosting to harden.

Finally, frost and finish the cake:

  1. Cover and smooth the cake completely with the sweetened condensed milk frosting. (Work Time: 30 to 60 minutes)
    Use the offset spatula to spread the frosting all over the top and sides of the cake evenly. Once the cake is completely covered, hold the length of the offset spatula’s blade against the frosting as you rotate the cake stand. Doing so will smoothen out the frosting. Check out the FAQ section below for links to video tutorials that show you how to do this!

  2. Make the chocolate fudge frosting. (Work Time: 5 minutes)
    You need to reserve about ⅓ cup of the sweetened condensed milk frosting for the fudge frosting swirls. After you’ve scooped out the ⅓ cup, divide it evenly between two small bowls. Add 1 teaspoon to 2 teaspoons of chocolate sauce to one bowl, and add 1 to 2 tablespoons of chocolate sauce to the other. Mix until combined. These are your chocolate fudge swirls!

  3. Frost the coffee swirls. (Work Time: 10 minutes)
    Dab small dollops of chocolate sauce and chocolate fudge flavored frostings along the top of the edge of the cake. Use an offset spatula to carefully smear each dollop down the cake in a diagonal motion. Be sure to check out the GIFs below (please be patient—they take a while to load!) and my Instagram Story tutorial for a visual representation.
vietnamese iced coffee cake
vietnamese iced coffee cake
vietnamese iced coffee cake

Recipe Troubleshooting and FAQ

Do I need special tools to make this Vietnamese iced coffee cake?

Sort of. If you bake cakes regularly, it’s likely that you already have the main tools you need for this Vietnamese iced coffee cake: a round cake board, a rotating cake stand and an offset spatula.

Can I make this cake recipe in two 9-inch round cake pans instead?

Yes! Just note that using 9-inch pans will result in thinner layers. Just start checking for doneness 5 to 10 minutes earlier than the Bake Time listed in the recipe.

Help! I made the coffee fudge from scratch and it’s extremely runny. What did I do wrong?

Don’t panic! After first making the chocolate fudge, it will be thin and liquidy with a consistency similar to chocolate syrup. This is normal! You want to refrigerate it for at least 4 hours before using in this recipe—doing so will thicken it up ever so slightly, making it perfect to work with in this recipe. This is why I recommend making the chocolate fudge from scratch ahead of time!

How to Make this Vietnamese Iced Coffee Cake Fit Into Your Schedule

Whenever I bake an elaborately decorated cake like this Vietnamese iced coffee cake, I break down the recipe to make its different components over multiple days. Why? It can be really time-consuming to make the cake all in one day! First, you need to bake the cakes and wait for them to cool completely. Then you need to make the frosting, assemble the layers and frost a crumb coat, and wait for that to set. After that, you need to finish decorating the whole thing! You can see how this recipe is turning into a full day’s worth of work (as well as sitting around and waiting for things to cool and set) in the kitchen.

To make sure I’m not stuck in the kitchen all day, I stretched the work for this Vietnamese iced coffee cake recipe over a few days. Here’s what I did:

Day 1: Make the Coffee Flavored Cakes (Total Time: around 40 minutes, including Bake Time)

Follow the recipe instructions for making and baking the coffee flavored cake layers. Once cool, tightly wrap each cake layer in its own sheet of plastic wrap. Freeze overnight.

Day 2: Assemble the Layers and Crumb Coat the Cake (Total Time: around 40 minutes)

Follow the recipe instructions for assembling the layers and making a crumb coat for the cake. Refrigerate the cake overnight to set the crumb coat. Place the rest of the sweetened condensed milk frosting in an airtight container and refrigerate, too.

Day 3: Finish Frosting the Cake and Serve (Total Time: around 1 hour)

Bring the frosting back down to room temperature—you can speed up this process by warming it in a double boiler over low heat, or microwaving in 20 second intervals until soft. Beat in a stand mixer fitted with the paddle attachment until light and creamy once more, about 2 to 3 minutes. Follow the recipe instructions for frosting the cake completely and applying the chocolate fudge swirls.

Note: if three days to make one cake sounds like too long to wait, you can also combine the work for Day 2 and Day 3 into one. And if you liked the way I broke it out above, be sure to check out my cookbook, Weeknight Baking—literally all the cake recipes in the book are designed this way!

Can you freeze Vietnamese iced coffee cake?

Yes! You can freeze Vietnamese iced coffee cake in the following ways:

Freeze the baked, unfrosted coffee-flavored cake layers.

Follow the recipe instructions for making and baking the coffee-flavored cake layers. Once the layers have cooled, tightly wrap each cake layer in its own individual sheet of plastic wrap. Freeze for up to 3 months. To use in the recipe, there’s no need to thaw the cakes! Simply set the cake layers out on the counter as you make the sweetened condensed milk frosting to let them thaw slightly. Use in the recipe as directed.

Freeze the entire assembled Vietnamese iced coffee cake.

You can freeze the entire assembled Vietnamese iced coffee cake, too! However, doing so works best if you use a cake board. Follow the recipe instructions for making all the different components of Vietnamese iced coffee cake and assembling them together on a cake board. Refrigerate the entire assembled Vietnamese iced coffee cake, uncovered, for a minimum of 4 hours. Doing so sets the frosting and preps it for freezing. After 4 hours, test the cake by gently poking the frosting with your finger. Poke it gently! You don’t want to leave an indent, you just want to swipe it gently to see if any frosting comes off. If no frosting comes off onto your finger, the cake is ready.

Carefully cover the whole thing—cake board and all—in two layers of plastic wrap. Freeze for up to 3 months. To serve, transfer to the refrigerator overnight to thaw, then let stand at room temperature for 1 to 2 hours before serving.

Freeze any leftover slices of Vietnamese iced coffee cake.

Tightly wrap any leftover slices of Vietnamese iced coffee cake in plastic wrap and freeze for up to 3 months. Follow the instructions above to thaw and enjoy!

Best Recipe Tips

  • For even cake layers, I like to actually weigh out the layers with a digital scale to make sure they’re even. The easiest way to do this is to set a prepared cake pan on a digital scale and tare it to “0”. Pour batter into the pan until the scale registers the weight listed in the recipe (because yes, I’ve included the approximate weight of the batter needed for each pan!). Repeat with the second cake pan. 

Video Tutorial

Use the video player below to watch my Instagram Story tutorial on how to make this Vietnamese iced coffee cake recipe! The arrows to the left and right of the frame allow you to skip through the different recipe steps. You can also hit the “pause” or “enlarge” buttons on the upper right hand side of the frame to pause or enlarge the frames accordingly.


Alternatively, head to my Instagram profile to watch these Stories on mobile! The circles underneath my bio indicate saved Instagram Story highlights depicting various recipes. Clicking on one of the circles will play the videos you see above. You may need to scroll right to find this Vietnamese iced coffee cake recipe.

Get the Recipe: Vietnamese Iced Coffee Cake Recipe

This Vietnamese iced coffee cake is inspired by Vietnamese iced coffee. The coffee flavored cake is covered with sweetened condensed milk flavored frosting. The frosting is then decorated with mocha fudge swirls to mimic the appearance of a glass of swirled iced coffee.
(4.82 stars) 60 reviews
Leave a Review

Ingredients

For the Coffee Cake

  • 2 ½ cups (11.25 ounces or 319 grams) all-purpose flour
  • 1 Tablespoon ground coffee or instant coffee granules
  • 1 ½ teaspoons baking powder
  • 1 teaspoon baking soda
  • 1 teaspoon kosher salt
  • 1 ¾ cup (12.25 ounces or 347 grams) granulated sugar
  • 2 large eggs, at room temperature
  • 1 Tablespoon pure vanilla extract
  • 1 cup (8 ounces or 227 grams) sour cream
  • ½ cup (4 ounces or 113 grams) canola oil
  • ¾ cup (6 ounces or 170 grams) strongly brewed (preferably cold brew) coffee, at room temperature

For the Sweetened Condensed Milk Frosting

  • 1 ½ cups (12 ounces or 340 grams) unsalted butter, at room temperature
  • 1 teaspoon pure vanilla extract
  • a pinch of kosher salt
  • 4 ½ cups (18 ounces or 510 grams) confectioners' sugar
  • 6 Tablespoons (3 ounces or 85 grams) sweetened condensed milk

For the Coffee Fudge Sauce

  • ¼ cup (2.5 ounces or 70 grams) chocolate sauce
  • 1 Tablespoon strongly brewed (preferably cold brew) coffee, at room temperature

Instructions
 

For the Coffee Cake

  • Prep your oven and pans. Position a rack in the center of the oven and preheat the oven to 350°F. Generously spray two 8-inch round cake pans with cooking spray and line the bottom of each with a parchment paper circle. Spray the parchment, too.
  • Make the cake batter. In a medium bowl, whisk together the flour, ground or instant coffee, baking powder, baking soda, and salt.
  • In the bowl of a stand mixer fitted with the paddle attachment, combine the sugar, eggs, and vanilla. Beat on medium until light, fluffy, and doubled in volume, 3 to 4 minutes, using a rubber spatula to scrape down the bottom and sides of the bowl as necessary. With the mixer on low, slowly pour in the sour cream, followed by the oil and coffee, and beat until the mixture is smooth, 3 to 4 minutes. Gradually add the dry ingredients and beat until just combined. Scrape down the bottom and sides of the bowl once more, and beat on low for an additional 30 seconds.
  • Divide the batter evenly between the pans; if using a digital scale to measure out the layers, note that this recipe makes around 45 ounces (1276 grams) of batter. Pour 22.5 ounces (638 grams) of batter into each pan.
  • Bake the cakes. Bake for 30 to 35 minutes. When done, the top of the cake should bounce back when gently pressed and a skewer inserted into the center of the cake should come out with a few crumbs attached. Cool completely in the pans on a wire rack before frosting.

For the Sweetened Condensed Milk Frosting

  • Make the frosting. In the bowl of a stand mixer fitted with the paddle attachment, beat the butter, vanilla, and salt on medium-low until smooth and creamy, about 1 minute. Reduce the mixer to low and add the confectioners' sugar 1 cup at a time, beating until combined. Scrape down the bottom and sides of the bowl with a rubber spatula. With the mixer on low, slowly pour in the condensed milk and beat until just combined. Scrape down the bottom and sides of the bowl once more, then beat on medium-high until the frosting is creamy and smooth, 2 to 3 minutes. Use immediately.

Assembly

  • First, assemble the cake. If necessary, level the top of both cakes. Place one of the cake layers on a cake board or serving platter in the center of a rotating cake stand. Use a rubber spatula or cookie dough scoop to drop ½ cup of frosting in the middle of this cake layer. Spread it evenly all over the top, just like you would spread butter on toast. Place the second cake on top of this frosting, stacking it evenly on top of the first cake.
  • Next, crumb coat the cake. Cover the surface of the entire layer cake with a thin layer of frosting. Use just enough frosting to cover the entire cake completely. Refrigerate, uncovered, for 30 minutes to stiffen and "set" the frosting.
  • After the crumb coat sets, finish frosting the cake. Scoop out ⅓ cup of the sweetened condensed milk frosting and place it in a separate bowl; reserve this for the chocolate fudge swirls. Place the cake back in the center of the rotating cake stand. Cover the cake completely with the remaining frosting, using an offset spatula to spread the frosting all over the top and sides of the cake evenly. Once the cake is completely covered, hold the length of the offset spatula's blade against the frosting as you rotate the cake stand to smoothen the frosting. Once the frosting is perfectly smooth, refrigerate the cake while you prepare the chocolate fudge swirls.
  • Make the chocolate fudge swirls. In a small bowl, whisk together the chocolate sauce and coffee until combined. Divide the reserved sweetened condensed milk frosting and between two small bowls. In one bowl, use a small rubber spatula to mix in 1 to 2 teaspoons of the chocolate coffee sauce until pale brown and creamy. In the second bowl, use the rubber spatula to mix in 1 to 2 Tablespoons of chocolate coffee sauce until dark brown and creamy.
  • Decorate the cake. Remove the cake from the refrigerator and place it back in the center of the rotating cake stand. Use the offset spatula to dab about 1 teaspoon of frosting at the top edge of the cake, rotating from each different bowl of frosting so that you have different colored dollops of frosting next to each other. Continue dabbing until you have a border of these dollops around the top of the cake.
  • After you've bordered the cake, use the offset spatula to carefully swipe each of the dollops down the cake in a diagonal motion, rotating the cake stand slowly to help. Repeat until all the dollops are even, but try not to overwork it or you might lose some of the "barely stirred" pattern you're going for. Smoothen any leftover mocha dollops at the top of the cake, rotating the cake stand in a circle to create a spiral motion at the top of the cake. Use the remaining chocolate sauce and chocolate fudge frostings to cover the top of the cake completely.
  • Serve and store. Serve immediately. The assembled Vietnamese iced coffee cake can be stored at room temperature, under a cake dome or a large bowl turned upside down, for up to 1 day. Press a sheet of plastic wrap against any cut surfaces to prevent the cake from drying out. After that, cover the entire cake loosely with plastic wrap and refrigerate for up to 2 days.
Did you make this recipe?Please leave a star rating and review in the form below. I appreciate your feedback, and it helps others, too!

Did you make this recipe?

Please leave a comment and rating for the recipe using the form below!

Your ratings make it easier to find the recipe online, and I’m always looking for ways to improve Hummingbird High.

Michelle holding Weeknight Baking cookbook covering her face.

buy the book
Weeknight Baking:
Recipes to Fit your Schedule

Over the past several years of running Hummingbird High, I kept a crucial aspect of my life hidden from my readers: I had a full-time, extremely demanding job in the tech world. In my debut cookbook, Weeknight Baking, I finally reveal the secrets to baking delicious desserts on a tight schedule.