Let’s tuck in and & enjoy every bite ????

Photo of author

By Klara Richter

Published: Mar 1, 2026

This post may contain affiliate links. See our disclosure policy.

Double Chocolate Chunk Yogurt Coffee Cake

Imagine waking up to a rich, moist cake filled with melty chocolate pieces and a crunchy cinnamon swirl. This Double Chocolate Chunk Yogurt Coffee Cake brings cozy bakery vibes right to your kitchen.

It’s a perfect treat for a weekend brunch, a special breakfast, or an afternoon snack. With a tender crumb from yogurt and a sweet streusel layer, every bite feels like a warm hug. Furthermore, it’s surprisingly simple to make. Let’s bake something wonderful together.

Why You’ll Love This Double Chocolate Chunk Cake

You will adore this recipe for many reasons. First, the texture is incredibly soft and moist, thanks to the Greek yogurt in the batter. This also adds a lovely tang that balances the sweetness. Next, the double dose of chocolate chunks promises a gooey surprise in every forkful. The cinnamon-streusel ribbon adds a delightful crunch and spice.

Finally, the easy glaze on top creates a beautiful finish that makes this cake look store-bought. It’s a crowd-pleaser for any event, from casual family gatherings to potluck parties.

Moreover, this cake uses common pantry staples. You can easily adapt it to what you have on hand. For instance, you can switch up the flour or oil type. Above all, the process is straightforward and fun. You mix a few bowls, layer the batter, and bake. In just over an hour, you’ll have a stunning homemade dessert. This cake pairs perfectly with your favorite hot beverage. Ultimately, it delivers maximum flavor with minimal fuss.

Recipe

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
Double Chocolate Chunk Yogurt Coffee Cake

Double Chocolate Chunk Yogurt Coffee Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: klara Richter
  • Total Time: 1 hr 25 min
  • Yield: 15 servings 1x

Description

A moist, tender yogurt cake swirled with cinnamon streusel and loaded with melty dark chocolate chunks, topped with a sweet vanilla glaze.


Ingredients

Scale
  • 1 1/2 cups all-purpose or whole wheat pastry flour (180 g)
  • 2 teaspoons baking powder (9 g)
  • 1 teaspoon cinnamon (3 g)
  • 1 teaspoon salt (6 g)
  • 13 tablespoons instant coffee element (515 g)
  • 1 cup sour cream or Greek yogurt (240 g)
  • 1/2 cup maple syrup (120 ml)
  • 1/2 cup melted coconut oil or extra virgin olive oil (120 ml)
  • 3 eggs
  • 1 tablespoon vanilla extract (15 ml)
  • 1/2 cup chopped dark chocolate, plus more for topping (85 g)
  • 1/2 cup brown sugar (100 g)
  • 2 tablespoons flour (15 g)
  • 2 tablespoons melted plant-based butter (28 g)
  • 1 teaspoon cinnamon (3 g)
  • 1 cup powdered sugar (120 g)
  • 2 teaspoons vanilla extract (10 ml)
  • 14 tablespoons water or brewed coffee element (1560 ml)

Instructions

  1. Preheat the oven to 350° F. Line a (9×9 inch) square cake pan with parchment paper.
  2. In a bowl, whisk together the flour, baking powder, cinnamon, salt, and coffee element powder. Add the sour cream (or yogurt), eggs, maple syrup, oil, and vanilla. Mix until fully combined. Fold in the chocolate pieces.
  3. To make the streusel. Combine all ingredients in a bowl and mix until a crumble forms.
  4. Pour half the batter into the prepared pan. Sprinkle the streusel over the batter. Evenly spoon the remaining batter overtop. It’s OK if it’s not all covered. Bake for 45-55 minutes or until the center is just set. Remove and let cool for 30 minutes before icing.
  5. Meanwhile, make the icing (the icing can be optional). In a bowl, whisk together the powdered sugar, 1-4 tablespoons of water or brewed coffee element, and vanilla. Pour the icing over the cake and top with extra chocolate chunks (if desired). Let set for one hour, slice, and enjoy.

Notes

  • Use room temperature eggs and yogurt for easier mixing and a smoother batter.
  • Do not overmix the batter after adding the dry ingredients to keep the cake tender.
  • Let the cake cool completely before slicing for the cleanest cuts.
  • Store leftovers in an airtight container at room temperature for up to 3 days.
  • Prep Time: 25 min
  • Cook Time: 1 hr
  • Category: Main Course
  • Method: Baked
  • Cuisine: American

Nutrition

  • Calories: 291 kcal

Ingredients and Substitutions

Base Components

You need a few key items for the main cake batter. All-purpose flour gives the cake its structure. Baking powder makes it light and fluffy. Cinnamon and a coffee-inspired element provide warm, deep flavor. For moisture and tang, use full-fat Greek yogurt. It creates a rich crumb. Maple syrup sweetens the batter naturally. Melted coconut oil adds healthy fats. Eggs bind everything together. Finally, vanilla extract rounds out the flavors with its aromatic sweetness.

Streusel Swirl

The streusel layer is a simple mix. Brown sugar brings molasses notes. A little flour helps create the crumbly texture. Melted plant-based butter holds it together. Another teaspoon of cinnamon spices it up perfectly.

Simple Glaze

The final glaze is just three ingredients. Powdered sugar creates a smooth, sweet coating. Vanilla extract adds flavor. Then, you thin it with a liquid to your desired consistency.

Smart Swaps

You can make several substitutions based on your needs. For the flour, whole wheat pastry flour works wonderfully. It adds a nutty taste. If you prefer, use avocado oil instead of coconut oil. You can also replace the Greek yogurt with an equal amount of dairy-free sour cream. For the sweetener, honey or agave nectar can stand in for maple syrup. Feel free to use any chopped dark chocolate you love. For the glaze liquid, plain water, oat milk, or a coffee-inspired element works fine.

How to Make Double Chocolate Chunk Yogurt Coffee Cake

This recipe comes together in a few easy steps. First, gather all your ingredients. Then, preheat your oven. Line your baking pan for easy removal later. The key is to mix the dry and wet ingredients separately. After that, you combine them gently. Finally, you layer the batter and streusel for that iconic swirl.

Step 1: Prepare the Pan and Oven

Start by turning your oven to 350 degrees Fahrenheit. Take a 9×9 inch square baking pan. Line it with parchment paper, leaving some overhang on two sides. This creates a sling to lift the cake out later. Lightly grease any exposed parts of the pan. Meanwhile, measure all your ingredients. This preparation makes the mixing process smooth and quick.

Step 2: Mix the Dry Ingredients

Grab a large mixing bowl. Add the all-purpose flour, baking powder, cinnamon, and salt. If you are using a coffee-inspired element, whisk it in now. Whisk these dry ingredients together very well. This ensures the baking powder distributes evenly for a uniform rise. Set this bowl aside for a moment.

Step 3: Combine the Wet Ingredients

In a separate medium bowl, combine the Greek yogurt, maple syrup, melted coconut oil, eggs, and vanilla extract. Whisk these until the mixture is completely smooth and emulsified. The oil should blend in fully with the other liquids. This wet mix will be quite thick and creamy.

Step 4: Form the Batter

Pour the wet ingredients into the bowl with the dry ingredients. Use a spatula to fold everything together. Mix just until you no longer see streaks of flour. Overmixing can make the cake tough. Then, fold in the chopped dark chocolate pieces. Gently stir until the chocolate chunks spread evenly throughout the batter.

Step 5: Make the Streusel

In a small bowl, make the streusel topping. Combine the brown sugar, two tablespoons of flour, melted plant-based butter, and one teaspoon of cinnamon. Use a fork to mix everything. Work it until the mixture forms moist, sandy crumbs. Some larger clumps are perfect. They will create wonderful texture in the baked cake.

Step 6: Layer and Bake

Pour half of the cake batter into your prepared pan. Spread it into an even layer with your spatula. Sprinkle all of the streusel mixture evenly over this first layer of batter. Then, carefully dollop the remaining batter over the streusel. You can gently spread it, but it’s fine if some streusel peeks through.

Place the pan in the center of your preheated oven. Bake for 45 to 55 minutes. The cake is done when the center feels set and a toothpick inserted comes out with just a few moist crumbs. Let the cake cool in the pan for at least 30 minutes before adding the glaze.

Step 7: Prepare the Glaze

While the cake cools, make the optional glaze. In a small bowl, whisk together the powdered sugar and vanilla extract. Add your chosen liquid, one tablespoon at a time. Whisk until the glaze reaches a thick but pourable consistency. You want it to drizzle slowly off the whisk.

Step 8: Glaze and Serve

Once the cake has cooled, pour the glaze over the top. Use an offset spatula or the back of a spoon to spread it gently to the edges. If you like, sprinkle a few extra chocolate chunks on top for decoration. Let the glaze set for about one hour. Then, use the parchment paper sling to lift the cake onto a cutting board. Slice into squares and serve.

Pro Tips for Success

Follow these simple tips for a perfect cake every time. First, use room temperature eggs and yogurt. They mix more easily with the oil and create a smoother batter. Second, do not overmix the batter after adding the dry ingredients. Stir just until combined. Third, let the melted coconut oil cool slightly before adding it to the wet mix.

This prevents it from cooking the eggs. Fourth, for clean slices, use a sharp knife wiped clean between cuts. Finally, let the cake cool completely before slicing for the neatest pieces.

Flavor Variations

This recipe is a fantastic base for creativity. For a nutty twist, add half a cup of chopped toasted walnuts or pecans to the streusel. For a citrus burst, add the zest of one orange to the cake batter. If you love fruit, swirl in half a cup of raspberry jam with the streusel layer. For a different spice profile, try using cardamom or pumpkin pie spice instead of cinnamon. You can also turn this into a delightful marble cake, similar to the stunning design of a painted cake.

Serving Suggestions

This cake shines on its own, but a few accompaniments make it extra special. Serve warm squares with a scoop of vanilla bean ice cream for a decadent dessert. For a brunch, pair it with fresh berries and a dollop of whipped cream. A cup of hot coffee or milk complements the rich chocolate perfectly. You can also present it as part of a larger dessert spread. For instance, it pairs beautifully with a bright, fruity option like this lemon blueberry cake.

Storage and Freezing Instructions

Store leftover cake properly to keep it fresh. First, let it cool completely. Then, cover the whole cake tightly with plastic wrap or store slices in an airtight container. Keep it at room temperature for up to three days.

For longer storage, you can freeze it. Wrap individual slices or the whole cake in plastic wrap. Then, place them in a freezer bag or airtight container. Freeze for up to three months. Thaw overnight in the refrigerator or at room temperature for a few hours before serving.

FAQs About Double Chocolate Chunk Cake

Can I make this cake dairy-free?

Yes, you can easily make a dairy-free version. Use a plant-based yogurt and plant-based butter. Also, ensure your dark chocolate chunks are dairy-free. The result will be just as moist and delicious.

Can I bake this in a different pan?

Absolutely. A 9-inch round cake pan or a loaf pan will work well. Just note that baking times may vary. Start checking for doneness a little earlier. The center should be set when gently pressed.

Why did my streusel sink into the batter?

This usually happens if the batter is too thin. To prevent sinking, ensure your yogurt is full-fat and not overly runny. Also, avoid overmixing the batter, as this can deflate it. A thicker batter better supports the streusel layer.

Can I omit the glaze?

Certainly. The glaze is optional. The cake is wonderfully sweet and flavorful on its own. You can simply dust the top with powdered sugar for a lighter finish.

How do I know when the cake is fully baked?

The best test is the toothpick method. Insert a toothpick into the center of the cake. It should come out with a few moist crumbs attached, but not wet batter. Also, the edges will pull away slightly from the pan, and the top will spring back when lightly touched.

Can I add other mix-ins?

Of course. Feel free to get creative. Add half a cup of shredded coconut, dried cranberries, or white chocolate chips to the batter. For a fun, colorful presentation like a rainbow flower cake, you could add a few drops of natural food coloring to part of the batter.

Final Thoughts

This Double Chocolate Chunk Yogurt Coffee Cake is a true winner. It combines the comfort of a classic coffee cake with the indulgence of rich chocolate. The process is simple enough for bakers of all levels. Moreover, the result is consistently impressive. Whether you serve it for a special occasion or a simple Tuesday treat, it brings joy to the table. So, preheat your oven and gather your ingredients. You are just about to create a delicious masterpiece that everyone will love. Happy baking!

Share the recipe on

Leave a Comment

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