Bayo Chocolate Bean Recipe: Crunchy Crust, Fudgy Coffee Hearts

This Bayo Chocolate Bean recipe transforms simple mung beans into a luxurious dessert with a crispy crust and fudgy coffee-infused centers—perfect for special occasions or indulgent cravings. The secret lies in slow simmering the beans with dark chocolate and coffee, developing deep, complex flavors that balance sweetness with earthy richness.

What starts as a humble Filipino street food becomes a showstopping treat when chilled and garnished with crushed nuts or powdered sugar.

The process begins with soaking the beans overnight to soften them, then simmering them in coconut milk and brown sugar until tender. Dark chocolate and instant coffee are stirred in during the final stages, creating those signature fudgy coffee hearts that melt in your mouth.

The mixture is then spread into a pan, chilled, and cut into diamonds—each bite offering a satisfying contrast between the crispy exterior and creamy interior.

What makes this recipe exceptional is its versatility. Serve it warm with a scoop of vanilla ice cream for a decadent dessert, or chill it for a refreshing treat that’s perfect for potlucks or family gatherings.

The addition of coffee elevates the flavor profile, while the coconut milk adds a subtle tropical note that ties everything together. It’s a dessert that feels both nostalgic and sophisticated—exactly what you’d expect from a recipe with Filipino roots.

Ready to master this crowd-pleaser? The key is patience—letting the beans simmer low and slow ensures they develop that perfect texture. Once you try it, you’ll never go back to store-bought chocolates again. Let’s get started on creating this unforgettable dessert.

Ingredients for bayo chocolate bean

Twelve ingredients transform humble mung beans into this decadent Filipino dessert with crispy crust and coffee-infused fudgy centers.

The mung beans are the star—look for dried, unsoaked varieties at Asian markets or bulk bins for the best texture. Filipino supermarkets often carry them pre-packaged, but check the expiration date since they absorb moisture easily. For the chocolate, 70% cocoa or higher ensures deep flavor without overpowering the beans' natural sweetness. I always grab Ghirardelli or Guittard chips—they melt beautifully. The coconut milk? Full-fat only—the richness is essential for that luscious texture. If you can't find fresh macadamia nuts, toasted pecans work in a pinch for garnish.

No instant coffee powder? Strong brewed coffee reduced to a powder works, but it won't be as fine. For the chocolate, chopped dark chocolate bars are fine—just melt them first. The butter must be cold when you add it later—take it out of the fridge 10 minutes before mixing so it's soft but not melted. Brown sugar can be swapped for white sugar plus 1 tsp molasses if needed. Pro tip: if your mung beans float during soaking, they're too old—grab fresh ones. The vanilla extract? Pure Madagascar bourbon is worth the splurge for that authentic depth of flavor.

Soak the beans overnight in a covered container—they'll triple in size. The mixture keeps for 5 days in the fridge once chilled, but the texture gets firmer after day 3. For best results, cut into diamonds right before serving so the crust stays crisp. The nuts and powdered sugar are just for show—skip them if you're watching calories, but trust me, they make it look (and taste) like a bakery treat. Freeze any leftovers for up to 3 months—just thaw at room temperature before serving.

Step-by-step instructions for bayo chocolate bean recipe

Here's how to transform simple ingredients into a decadent dessert with a crispy crust and rich coffee-infused centers.

Place the 2 cups mung beans in a large bowl and cover with the 4 cups water. Let them soak for at least 4 hours or overnight—this ensures they soften completely. Drain and rinse thoroughly before transferring to a pot with fresh 4 cups water. Bring to a boil, then reduce heat to medium-low and simmer for 1.5 to 2 hours until tender but not mushy. You'll know they're ready when they hold their shape but are soft enough to mash slightly with a fork.

Drain again and set aside. This step is crucial—overcooking turns them mushy, while undercooked beans won't blend smoothly later. For best results, I like to mash them lightly with a potato masher after cooking to create a slightly textured base.

In a medium saucepan, combine the cooked mung beans, 1.5 cups brown sugar, 2 tbsp instant coffee powder, 1 tsp vanilla extract, and 0.5 tsp salt. Cook over medium heat, stirring constantly, until the mixture thickens to a paste-like consistency—about 10 minutes. The aroma will be intoxicating as the coffee and vanilla meld together.

Remove from heat and let cool slightly. While still warm, fold in the 1 cup dark chocolate chips until fully melted and incorporated. This creates the signature fudgy, coffee-infused heart of the dessert. If the mixture seems too thick, add 1 tablespoon of coconut milk at a time until it reaches a spreadable consistency.

In a separate bowl, whisk together 2 cans coconut milk (open one can at a time), 0.5 cup unsalted butter, and the remaining 0.5 cup granulated sugar until smooth. The butter should melt completely, creating a rich, creamy base. For extra flavor, I like to add a pinch of salt here to balance the sweetness.

Gradually fold in the cooled chocolate-coffee mixture until fully combined. The texture should be thick but pourable. This is where the magic happens—the coconut milk adds richness while keeping the dessert light. Spread the mixture evenly into a 9-inch square baking dish, smoothing the top with a spatula. Tap the dish gently on the counter to remove any air bubbles.

Preheat your oven to 350°F. Sprinkle the top evenly with 0.25 cup powdered sugar and 0.5 cup crushed macadamia nuts for texture and crunch. Bake for 30 to 35 minutes until the edges are golden brown and the center is set but still slightly jiggly. A toothpick inserted in the center should come out with a few moist crumbs—not wet batter.

Let the dessert cool completely in the pan before cutting into squares. The contrast between the crispy edges and the fudgy, coffee-infused center is what makes this recipe extraordinary. For best results, chill for at least 2 hours before serving—this allows the flavors to meld and the texture to set perfectly.

Once fully cooled, dust the top with an additional sprinkle of powdered sugar and garnish with extra crushed macadamia nuts if desired. Cut into 12 squares (about 1.5 inches each) and serve at room temperature. Each bite delivers a perfect balance of textures—crispy crust, creamy coconut layer, and rich chocolate-coffee filling.

This dessert keeps well in the refrigerator for up to 5 days, though I find it's best enjoyed within the first 24 hours when the flavors are at their peak. For a special touch, serve with a dollop of whipped cream or a scoop of vanilla ice cream to enhance the coffee-chocolate experience.

Dietary considerations for this bayo chocolate bean

Gluten-Free Adaptations

This recipe is naturally gluten-free since it relies on mung beans, coconut milk, and chocolate—no wheat or gluten-containing ingredients are used. The only potential cross-contamination risk comes from shared kitchen tools or surfaces if you also prepare gluten-containing foods.

I always recommend using a clean 9-inch square baking dish and utensils dedicated to gluten-free cooking to avoid any issues. 🌱

Vegan-Friendly Modifications

To make this dessert fully vegan, simply replace the unsalted butter with vegan butter (like Earth Balance) or coconut oil. The coconut milk already provides enough richness, so no other substitutions are needed.

The chocolate chips should be certified dairy-free (check brands like Enjoy Life or Pascha). The flavor remains just as decadent—trust me, no one will guess it's vegan! ✨

Nut-Free Version

If you're avoiding nuts due to allergies, skip the crushed macadamia nuts and replace them with toasted coconut flakes or crushed graham crackers for texture. For garnish, a sprinkle of extra powdered sugar or a dusting of cocoa powder adds visual appeal without nuts.

I've tested this version with kids' groups, and it's always a hit—just as delicious without the allergens. 💛

Lower Sugar Options

For a less sweet version, reduce the brown sugar to 1 cup and the granulated sugar to 0.25 cup. You can also substitute half the brown sugar with monk fruit sweetener or erythritol (use a 1:1 ratio).

The coffee and chocolate will still shine, but the dessert will be gentler on blood sugar. I've found that cutting sugar doesn't compromise the texture—it just highlights the natural sweetness of the beans. 🍫

Dairy-Free Notes

The recipe is already dairy-free except for the butter, which can be easily swapped as mentioned above. If you're using coconut oil instead of butter, let it cool slightly before mixing to avoid melting the chocolate chips prematurely.

The coconut milk adds enough creaminess that you won’t miss the dairy at all. This makes it a fantastic option for those with lactose intolerance or dairy allergies. 🥥

Allergen Awareness

This recipe contains tree nuts (macadamia) and soy (common in chocolate and coconut milk). Always check labels on chocolate chips and coconut milk for potential allergens. For a soy-free version, opt for brands like 365 Organic Coconut Milk (often soy-free) and Enjoy Life Chocolate Chips.

When in doubt, I recommend calling the manufacturer—they’re usually happy to help with allergen info. Safety first! 💡

Frequently asked questions