Written by

Virginia Burton

Published

Perfect Butterfly Pea Flower Lemonade Cake Recipe with Easy Vanilla Bean Buttercream

Ready In 1 hour 15 minutes
Servings 12 servings
Difficulty Medium

Love this? Save it for later!

Share the inspiration with your friends

“You won’t believe what I ended up baking after a last-minute grocery run,” I said, juggling a cracked bowl and a half-opened bag of flour in my tiny kitchen. It was a Saturday afternoon when I stumbled upon a packet of butterfly pea flower powder at the local Asian market—something I’d only ever seen in teas or cocktails. Honestly, I wasn’t sure what to do with it at first. I mean, who bakes with blue flowers, right?

The idea came to me as I was sipping on a glass of homemade lemonade, the tangy brightness sparking a bit of kitchen inspiration. I thought, why not marry the vibrant, natural blue hue of the butterfly pea flower with the fresh zing of lemonade in a cake? It sounded wild, but I had a feeling it might just work.

Of course, the real challenge was the frosting. I couldn’t settle for just any buttercream—I wanted something smooth, rich, and with a hint of vanilla bean to balance the citrus punch. After a couple of messy attempts (and yes, some spillage on the counter), I landed on a vanilla bean buttercream that’s as dreamy as it is easy.

This Perfect Butterfly Pea Flower Lemonade Cake with Vanilla Bean Buttercream isn’t just a pretty face. The cake’s delicate blue tint and light lemon flavor make it a total showstopper for spring gatherings, birthday celebrations, or even an afternoon treat when you need a little kitchen magic. Maybe you’ve been there too—staring at an unusual ingredient and wondering if it’s worth the fuss. Well, this recipe turned that curiosity into a beloved staple in my baking arsenal.

Why You’ll Love This Recipe

From my many kitchen experiments, this recipe stands out because it’s not just about the looks—it’s about bringing something unique and delicious to your table with minimal fuss.

  • Quick & Easy: The batter comes together in under 20 minutes, making it perfect for last-minute cake cravings or casual get-togethers.
  • Simple Ingredients: No need for fancy or hard-to-find items beyond the butterfly pea flower powder, which you can snag online or at specialty stores.
  • Perfect for Celebrations: This cake’s stunning blue color and fresh lemon zing make it ideal for spring parties, bridal showers, or even a whimsical afternoon tea.
  • Crowd-Pleaser: The subtle citrus flavor paired with the creamy vanilla bean buttercream gets rave reviews from kids and adults alike—trust me, I’ve lost count of how many times I’ve been asked for the recipe.
  • Unbelievably Delicious: The texture is light and moist, with a beautiful balance between floral notes and tangy lemon that keeps you coming back for more.

This isn’t just another lemon cake with blue dye thrown in. The butterfly pea flower powder naturally colors the cake with a gentle, earthy floral touch, and the vanilla bean buttercream adds that luxurious finish that turns simple baking into something special. Honestly, every time I make this, it feels like a little celebration in the kitchen, and I think you’ll feel that too.

What Ingredients You Will Need

This recipe uses simple, wholesome ingredients to deliver bold flavor and a satisfying texture without any fuss. Many of these are pantry staples, and the butterfly pea flower powder adds that magical twist.

  • For the Cake Batter:
    • All-purpose flour – 2 ½ cups (315g), sifted for a light crumb
    • Baking powder – 2 ½ teaspoons
    • Butter – 1 cup (225g), unsalted and softened (I prefer Plugrá for its richness)
    • Granulated sugar – 1 ¾ cups (350g)
    • Large eggs – 4, at room temperature
    • Whole milk – ¾ cup (180ml), room temperature (can substitute with almond milk if preferred)
    • Fresh lemon juice – ¼ cup (60ml), for the bright citrus flavor
    • Fresh lemon zest – 1 tablespoon, finely grated
    • Butterfly pea flower powder – 1 ½ tablespoons (adds natural blue color and subtle floral notes)
    • Vanilla extract – 1 teaspoon, pure for best flavor
  • For the Vanilla Bean Buttercream:
    • Unsalted butter – 1 cup (225g), softened
    • Powdered sugar – 4 cups (480g), sifted to avoid lumps
    • Heavy cream – 2-3 tablespoons (30-45ml), adjust for desired consistency
    • Vanilla bean paste – 1 teaspoon (or seeds scraped from 1 vanilla bean pod for extra authenticity)
    • Salt – a pinch, to balance sweetness

Ingredient tips: Look for firm, fresh lemons for zesting and juicing, and try to use organic if possible since the zest is a key flavor. If you’re new to butterfly pea flower powder, brands like Naturevibe Botanicals offer quality powders with vibrant color. You can also substitute with butterfly pea flower tea bags steeped strongly if powder isn’t available.

Equipment Needed

  • Two 8-inch (20 cm) round cake pans – I recommend non-stick or lined with parchment paper for easy removal.
  • Electric mixer – Stand or hand mixer to cream butter and sugar smoothly.
  • Mixing bowls – At least two, for dry and wet ingredients separately.
  • Measuring cups and spoons – For precise measurements (essential for baking!).
  • Rubber spatula – For folding ingredients gently and scraping bowls clean.
  • Zester or microplane – To get fresh lemon zest without the bitter white pith.
  • Cooling rack – To cool the cakes evenly without sogginess.

As a budget-friendly option, you can use glass or metal cake pans you already own, just remember to grease and flour them well. I once tried silicone pans for this cake, and while they worked, the edges weren’t quite as crisp. Also, a good-quality electric mixer makes a huge difference in achieving that light, fluffy batter and silky buttercream.

Preparation Method

butterfly pea flower lemonade cake preparation steps

  1. Preheat your oven to 350°F (175°C). Grease and flour two 8-inch round cake pans, then line the bottoms with parchment paper. This helps prevent sticking and ensures smooth edges.
  2. Mix the dry ingredients: In a medium bowl, sift together the all-purpose flour and baking powder. Set aside.
  3. Cream the butter and sugar: In a large bowl, use your electric mixer on medium speed to beat the softened butter and granulated sugar until pale and fluffy — about 4 to 5 minutes. This step is key for a light cake texture.
  4. Add eggs one at a time: Beat in the eggs, one by one, scraping down the sides of the bowl after each addition. Don’t rush this part; it helps create a smooth batter.
  5. Combine liquids: In a small bowl, whisk together the whole milk, fresh lemon juice, vanilla extract, and butterfly pea flower powder until the powder dissolves completely, turning the liquid a lovely blue hue.
  6. Alternate adding dry and wet ingredients: With the mixer on low speed, add the dry flour mixture in three parts, alternating with the milk mixture in two parts, beginning and ending with the flour. Mix just until combined—overmixing can make the cake dense.
  7. Fold in lemon zest: Use a rubber spatula to gently fold in the fresh lemon zest. This little burst of flavor is what sets the cake apart.
  8. Divide and bake: Pour the batter evenly into the two prepared pans. Smooth the tops gently with a spatula. Bake for 28-32 minutes or until a toothpick inserted near the center comes out clean. Ovens vary, so start checking at 28 minutes.
  9. Cool the cakes: Let the cakes cool in the pans for 10 minutes, then run a knife around the edges and invert them onto a cooling rack. Peel off parchment paper and let them cool completely before frosting.
  10. Prepare the vanilla bean buttercream: Beat the softened butter on medium speed until creamy (about 2 minutes). Gradually add powdered sugar, 1 cup at a time, mixing well after each addition. Pour in heavy cream and vanilla bean paste, then beat on high for 3-4 minutes until light and fluffy. Add more cream if the buttercream is too stiff, or a pinch of powdered sugar if too thin.
  11. Assemble the cake: Place one cake layer on your serving plate. Spread a generous layer of vanilla bean buttercream over the top. Carefully place the second layer on top and frost the top and sides of the cake evenly. For an extra touch, sprinkle edible flowers or lemon zest on top.

Quick tip: If your batter looks too thick after adding the butterfly pea flower mixture, don’t panic. That’s normal due to the powder’s texture. Just fold gently and avoid overmixing. Also, I once forgot to zest the lemons — the cake was still tasty, but that lemon brightness is worth the extra step.

Cooking Tips & Techniques

From my kitchen trials and errors, here are a few pointers to make sure your butterfly pea flower lemonade cake turns out perfectly every time.

  • Butter temperature matters: Make sure your butter is softened but not melted. Too cold and it won’t cream properly; too soft and the cake texture suffers.
  • Fresh lemon zest is key: Avoid pre-packaged zest—it lacks the essential oils that give that fresh punch. Use a microplane to get fine zest without the bitter pith.
  • Incorporate the butterfly pea flower powder carefully: Dissolving it fully in the liquid ingredients helps distribute color evenly. Don’t add it dry to the flour mix or you’ll get clumps.
  • Don’t overbake: Check the cake a few minutes before the timer goes off. Overbaked lemon cakes can dry out quickly.
  • Buttercream consistency: If your vanilla bean buttercream gets too stiff, a tablespoon of warm milk or cream can bring it back to silky smooth. Beat well after adding.
  • Multitask smartly: While the cakes bake, prep the buttercream to save time. Just cover it tightly to prevent a crust if you’re not using it immediately.
  • Patience with cooling: Frosting a warm cake can cause the buttercream to melt. I once got impatient and ended up with a messy top, so cool completely before assembling.

Variations & Adaptations

This recipe is flexible enough to suit different tastes and dietary needs without losing its charm.

  • Gluten-Free Option: Swap all-purpose flour with a 1:1 gluten-free baking flour blend. Just note the texture might be slightly denser.
  • Dairy-Free Version: Use coconut oil or vegan butter instead of butter, and substitute whole milk with almond or oat milk. The vanilla bean buttercream can be made with vegan butter and coconut cream.
  • Flavor Twists: Add a tablespoon of fresh ginger juice to the batter for a zesty kick or fold in fresh blueberries for bursts of fruity sweetness that contrast beautifully with the lemon.
  • Alternative Frosting: Replace vanilla bean buttercream with whipped cream cheese frosting for a tangier finish.
  • Seasonal Adaptation: In summer, garnish with fresh edible flowers or lemon slices for a festive touch. In cooler months, sprinkle with toasted coconut flakes for warmth.

Personally, I’ve tried a lavender-infused version that pairs wonderfully with the butterfly pea flower’s floral notes—just steep dried culinary lavender in the milk before adding it to the batter. It’s a subtle change that turns heads every time.

Serving & Storage Suggestions

Serve this cake at room temperature to savor the full flavor of the lemon and vanilla bean buttercream. The delicate blue color pops beautifully against white or pastel plates, making it a feast for the eyes as well as the palate.

This cake pairs wonderfully with a light cup of jasmine tea or a refreshing glass of sparkling lemonade to echo the citrus notes. For a more indulgent experience, try it alongside a dollop of whipped cream or a scoop of vanilla bean ice cream.

Store leftover cake tightly covered in the refrigerator for up to 4 days. To freeze, wrap the cake layers individually in plastic wrap and place them in an airtight container; freeze for up to 2 months. Thaw overnight in the fridge before frosting.

When reheating, let slices come to room temperature naturally. Avoid microwaving, as this can melt the buttercream and alter texture. The flavors actually mature beautifully after a day or two, so if you can wait, the cake tastes even better the next day.

Nutritional Information & Benefits

Each serving of this butterfly pea flower lemonade cake contains approximately 350 calories, with 18 grams of fat, 45 grams of carbohydrates, and 4 grams of protein. The use of real lemon juice and zest adds vitamin C, while the butterfly pea flower powder contributes antioxidants known for their anti-inflammatory properties.

This cake is naturally free from artificial colors and preservatives, relying on butterfly pea flower for that stunning blue hue. For those watching carbs, swapping regular sugar with a natural sweetener like erythritol can lighten the load without sacrificing flavor.

While it contains common allergens like eggs, dairy, and gluten, the recipe’s adaptability means you can easily make it gluten-free or dairy-free to suit your dietary needs without losing its signature taste and texture.

From a wellness perspective, I appreciate recipes like this that bring joy without guilt—real ingredients, real flavor, and a bit of floral magic.

Conclusion

So, why should you try this Perfect Butterfly Pea Flower Lemonade Cake with Vanilla Bean Buttercream? Because it’s a recipe that surprises you with its beauty and delights you with every bite. It’s approachable enough for novice bakers but impressive enough to wow guests. Plus, the natural blue color and fresh lemon flavor make it a unique centerpiece for any occasion.

Feel free to tweak it to your liking—whether that’s making it gluten-free, dairy-free, or adding your own flavor twists. I keep coming back to this cake because it’s just that good, and honestly, it reminds me of those spontaneous kitchen moments that turn into treasured recipes.

If you give this recipe a try, I’d love to hear your thoughts or any fun variations you come up with. Don’t be shy—drop a comment below or share your baking stories. Happy baking!

FAQs

Can I use butterfly pea flower tea instead of powder?

Yes! Steep 2-3 butterfly pea flower tea bags in ¾ cup (180ml) hot water, let cool, then use this liquid in place of the milk and butterfly pea flower powder mixture.

How do I get the blue color to stay vibrant after baking?

Butterfly pea flower’s color can fade slightly with heat and acidity. Using fresh lemon juice is key for flavor, but adding the powder dissolved in milk helps preserve a soft blue tone. Avoid overbaking to keep colors lively.

Can I make this cake ahead of time?

Absolutely! You can bake the layers a day ahead and keep them wrapped in the fridge. Prepare the buttercream the day of assembly for best texture and flavor.

What’s the best way to store leftover cake?

Store leftovers covered in the refrigerator for up to 4 days, or freeze well-wrapped for up to 2 months. Bring to room temperature before serving.

Is there a vegan version of this cake?

With some tweaks, yes! Use vegan butter and plant-based milk, flax eggs instead of chicken eggs, and a vegan buttercream recipe. The butterfly pea flower powder works great in vegan baking too.

Pin This Recipe!

butterfly pea flower lemonade cake recipe

Print

Perfect Butterfly Pea Flower Lemonade Cake Recipe with Easy Vanilla Bean Buttercream

A vibrant blue butterfly pea flower cake infused with fresh lemon flavor, topped with a smooth and rich vanilla bean buttercream. Perfect for spring gatherings and celebrations.

  • Author: Olivia
  • Prep Time: 20 minutes
  • Cook Time: 30 minutes
  • Total Time: 50 minutes
  • Yield: 12 servings 1x
  • Category: Dessert
  • Cuisine: Fusion

Ingredients

Scale
  • 2 ½ cups (315g) all-purpose flour, sifted
  • 2 ½ teaspoons baking powder
  • 1 cup (225g) unsalted butter, softened
  • 1 ¾ cups (350g) granulated sugar
  • 4 large eggs, room temperature
  • ¾ cup (180ml) whole milk, room temperature (can substitute with almond milk)
  • ¼ cup (60ml) fresh lemon juice
  • 1 tablespoon fresh lemon zest, finely grated
  • 1 ½ tablespoons butterfly pea flower powder
  • 1 teaspoon vanilla extract
  • For the Vanilla Bean Buttercream:
  • 1 cup (225g) unsalted butter, softened
  • 4 cups (480g) powdered sugar, sifted
  • 23 tablespoons (30-45ml) heavy cream
  • 1 teaspoon vanilla bean paste (or seeds from 1 vanilla bean pod)
  • A pinch of salt

Instructions

  1. Preheat oven to 350°F (175°C). Grease and flour two 8-inch round cake pans and line bottoms with parchment paper.
  2. In a medium bowl, sift together all-purpose flour and baking powder. Set aside.
  3. In a large bowl, beat softened butter and granulated sugar with an electric mixer on medium speed until pale and fluffy, about 4-5 minutes.
  4. Add eggs one at a time, beating well after each addition and scraping down the bowl sides.
  5. In a small bowl, whisk together whole milk, fresh lemon juice, vanilla extract, and butterfly pea flower powder until powder dissolves and liquid turns blue.
  6. With mixer on low speed, alternately add dry flour mixture in three parts and milk mixture in two parts, beginning and ending with flour. Mix just until combined.
  7. Gently fold in fresh lemon zest using a rubber spatula.
  8. Divide batter evenly between prepared pans and smooth tops.
  9. Bake for 28-32 minutes or until a toothpick inserted near the center comes out clean. Start checking at 28 minutes.
  10. Cool cakes in pans for 10 minutes, then run a knife around edges and invert onto a cooling rack. Remove parchment and cool completely.
  11. For the buttercream: Beat softened butter on medium speed until creamy, about 2 minutes.
  12. Gradually add powdered sugar, 1 cup at a time, mixing well after each addition.
  13. Add heavy cream and vanilla bean paste, then beat on high for 3-4 minutes until light and fluffy. Adjust consistency with more cream or powdered sugar as needed.
  14. Assemble cake by placing one layer on a serving plate, spreading a generous layer of buttercream on top, then placing the second layer and frosting top and sides evenly.
  15. Optional: Garnish with edible flowers or lemon zest.

Notes

Use softened but not melted butter for best creaming results. Dissolve butterfly pea flower powder fully in liquids to avoid clumps and ensure even color. Avoid overmixing batter to keep cake light. Cool cakes completely before frosting to prevent buttercream melting. If buttercream is too stiff, add a tablespoon of warm cream or milk; if too thin, add more powdered sugar.

Nutrition

  • Serving Size: 1 slice (1/12th of c
  • Calories: 350
  • Sugar: 32
  • Sodium: 150
  • Fat: 18
  • Saturated Fat: 11
  • Carbohydrates: 45
  • Fiber: 1
  • Protein: 4

Keywords: butterfly pea flower cake, lemonade cake, vanilla bean buttercream, blue cake, lemon cake, spring dessert, floral cake, easy cake recipe

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

You might also love these recipes

Leave a Comment

Recipe rating