Baking with Color: Butterfly Pea Flower Loaf Cake Recipe
If you’re ready to brighten your baking routine, let me introduce you to the magical world of Baking with Color: Butterfly Pea Flower Loaf Cake. This loaf cake is a stunning celebration of natural hues, featuring the vibrant blue tones of butterfly pea flower powder that swirl beautifully through a moist, tender crumb. Beyond its eye-catching colors, this cake delivers cozy almond notes and a gentle sweetness that comes together in perfect harmony. It’s a treat that will captivate both your eyes and taste buds, making it ideal for a cheerful breakfast, a show-stopping afternoon tea, or an impressive dessert when you want to wow your guests.

Ingredients You’ll Need
The charm of this loaf cake lies in its simple, thoughtfully chosen ingredients. Each one plays a key role, whether it’s to boost flavor, texture, or that unmistakable color that makes this loaf so special. From the cozy almond flour adding rustic warmth, to the vibrant butterfly pea flower powder that paints the cake in swirling blues and purples, you’ll find everything here is essential and easy to work with.
- Butterfly pea flower powder: The star ingredient that lends the loaf its magical blue swirl; use just the right amount to build that vivid hue.
- Warm water or milk: Activates the butterfly pea powder and deepens its color while keeping the swirl smooth.
- Lemon juice (optional): A splash brings out purple undertones in the butterfly pea flower, creating delightful color contrasts.
- All-purpose flour: The baking backbone of the cake, giving it structure and lightness.
- Almond flour: Adds a cozy, rustic crumb and a subtle nutty flavor that elevates every bite.
- Baking powder: The leavening agent that helps the cake rise to fluffy perfection.
- Salt: Balances the sweetness and enhances the other flavors.
- Unsalted butter: Brings richness and moisture, ensuring a tender crumb.
- Sugar or coconut sugar: Sweetens the loaf, with coconut sugar adding a warm, caramel-like tone if you prefer.
- Large eggs: Provide structure and richness, uniting all ingredients beautifully.
- Vanilla extract: Adds a fragrant sweetness that pairs wonderfully with the almond extract.
- Almond extract: A delicate, nutty note that enhances the almond flour’s charm.
- Whole milk or buttermilk: Moisturizes the batter and contributes to a tender texture.
- Powdered sugar (for glaze): Optional, for a sweet finish and to add a marbled glaze effect.
How to Make Baking with Color: Butterfly Pea Flower Loaf Cake
Step 1: Prepare the butterfly pea swirl
In a small bowl, mix the butterfly pea flower powder with warm water or milk until it forms a smooth, vibrant paste. Add a tiny splash of lemon juice if you want to invite those subtle purple hints into your swirl. This paste is your palette for creating those dreamy, eye-catching streaks throughout the loaf.
Step 2: Preheat and prep your pan
Warm the oven to 350°F (175°C). Line a loaf pan with parchment paper and lightly grease it. Proper pan prep ensures your loaf bakes evenly and releases effortlessly after baking, keeping those swirls intact and the edges perfect.
Step 3: Whisk the dry ingredients
In a medium bowl, whisk together the all-purpose flour, almond flour, baking powder, and salt. This simple combination guarantees your cake rises just right and boasts that lovely rustic crumb from almond flour.
Step 4: Cream butter and sugar
In a large bowl, beat softened butter and sugar until the mixture is pale and fluffy. This step is crucial for a light texture. Add the eggs one at a time, ensuring each is fully incorporated before adding the next. Stir in the vanilla and almond extracts to infuse your batter with warm, inviting aromas.
Step 5: Combine wet and dry ingredients
Add the dry ingredients to the wet mixture gradually, alternating with the milk, stirring gently until just combined. Resist the urge to overmix—this keeps the loaf tender and preserves a light crumb.
Step 6: Layer and swirl the batter
Pour half of the batter into your prepared pan, then spoon dollops of the butterfly pea paste over it. Use a knife or skewer to swirl the blue with the batter, creating beautiful marbled patterns. Repeat with the remaining batter and swirl again on top for a breathtaking effect.
Step 7: Bake to perfection
Bake for 45 to 55 minutes, or until a toothpick inserted in the center comes out clean. Allow the loaf to cool in the pan for about 10 minutes before transferring it to a rack to cool completely. This resting time helps the texture set and makes slicing a breeze.
Step 8: Optional glaze
For an extra touch of elegance, whisk powdered sugar with milk to create a smooth glaze. Divide the glaze, tint part with butterfly pea powder and a drop of lemon juice for a lovely marbled effect, then drizzle over the cooled loaf. This finishing touch enhances both appearance and flavor.
How to Serve Baking with Color: Butterfly Pea Flower Loaf Cake

Garnishes
Keep it simple and let the cake’s natural beauty shine with a light dusting of powdered sugar or fresh edible flowers like pansies or violets for a whimsical, garden-fresh feel. A sprinkle of toasted almond slices offers an inviting crunch and accentuates that nutty undertone.
Side Dishes
This loaf pairs beautifully with subtly flavored accompaniments such as a dollop of whipped cream sweetened lightly with honey or a side of fresh berries. A cup of jasmine or green tea complements the floral highlights from the butterfly pea flower perfectly, making each bite a well-rounded sensory experience.
Creative Ways to Present
Transform your loaf into a conversation piece by slicing it thick and serving open-faced with crème fraîche and a generous drizzle of honey, or create miniature loaf cakes for gifting by using smaller molds. Another fun idea is to layer slices with soft cream cheese and scatter blueberries for an edible blue-and-white tiered treat.
Make Ahead and Storage
Storing Leftovers
After the cake has completely cooled, store it in an airtight container at room temperature for up to 3 days. This keeps the loaf moist and lets those swirls stay vibrant. If your kitchen is on the warmer side, refrigeration is fine, though it might slightly firm up the butter, so bring the cake to room temperature before serving.
Freezing
This loaf freezes beautifully. Wrap it tightly in plastic wrap and then foil to prevent freezer burn. When you’re ready to enjoy, thaw the cake overnight in the fridge, then warm gently for that fresh-baked softness. Freezing makes it an ideal make-ahead treat for busy days or unexpected guests.
Reheating
Warm a slice in the microwave for about 15 seconds or pop it into a preheated oven at 300°F (150°C) for 5–7 minutes. This revives the buttery softness without drying it out. Reheating also makes the glaze slightly melty and extra luscious.
FAQs
What does butterfly pea flower powder taste like?
Butterfly pea flower powder has a very mild, earthy flavor that is almost neutral, allowing it to add stunning color without overpowering the cake’s taste. It pairs wonderfully with floral and nutty flavors, making it perfect in this loaf.
Can I substitute almond flour with something else?
You can substitute almond flour with more all-purpose flour or use oat flour for a slightly denser texture. Just note that almond flour adds moisture and richness, so swapping it out may change the crumb and flavor a bit.
How do I make the purple swirls instead of blue?
Adding a small amount of lemon juice to the butterfly pea flower paste shifts its color from vibrant blue to a delicate purple. It’s a fun way to introduce a two-tone swirl effect that adds visual interest to your loaf.
Is this loaf cake gluten-free?
As written, the loaf includes all-purpose flour and almond flour, so it is not gluten-free. However, you can experiment with gluten-free baking blends that mimic all-purpose flour to create a gluten-free version, though texture may vary.
Can I use dried butterfly pea flowers instead of powder?
Yes! To substitute, steep dried butterfly pea flowers in warm water or milk until the liquid is intensely blue, then strain and use this liquid instead of adding powder directly. This method also works beautifully but may yield a slightly different swirl intensity.
Final Thoughts
There’s something truly joyful about Baking with Color: Butterfly Pea Flower Loaf Cake — it’s not just a recipe, it’s an experience. Whether you’re surprising friends or treating yourself, this loaf promises a delightful blend of cozy flavors and stunning visual flair. Give it a go, and watch your kitchen light up with all the beautiful blues and purples, along with warm smiles. Happy baking!
PrintBaking with Color: Butterfly Pea Flower Loaf Cake Recipe
A visually stunning and delicious loaf cake featuring natural butterfly pea flower swirls with hints of vibrant blue and purple hues. This Butterfly Pea Flower Loaf Cake combines a cozy almond and all-purpose flour base, enriched with a soft buttery texture, subtle almond extract, and an optional marbled glaze for an elegant finish. Perfect for tea time, brunch, or any special occasion where you want a colorful twist on a classic loaf cake.
- Prep Time: 20 minutes
- Cook Time: 50 minutes
- Total Time: 1 hour 10 minutes
- Yield: 1 loaf cake (about 8 servings) 1x
- Category: Dessert, Cake
- Method: Baking
- Cuisine: Fusion
- Diet: Vegetarian
Ingredients
Butterfly Pea Swirl
- 1 to 1½ tsp butterfly pea flower powder
- 1–2 tbsp warm water (or milk, for extra richness)
- ½ tsp lemon juice (optional – for purple swirls)
For the Loaf
- 1 ½ cups all-purpose flour
- ½ cup almond flour (for a cozy, rustic crumb)
- 2 tsp baking powder
- ¼ tsp salt
- ½ cup unsalted butter, softened
- ¾ cup sugar (or coconut sugar for a warmer tone)
- 2 large eggs
- 1 tsp vanilla extract
- ¼ tsp almond extract
- ½ cup whole milk or buttermilk
Optional Glaze
- ¾ cup powdered sugar
- 1–2 tbsp milk
- ¼ tsp butterfly pea powder + a drop of lemon juice (for marbled glaze effect)
Instructions
- Prepare butterfly pea paste: In a small bowl, mix the butterfly pea flower powder with warm water until smooth. Stir in lemon juice if you want hints of purple. Set aside.
- Preheat oven and prepare pan: Preheat your oven to 350°F (175°C). Line a loaf pan with parchment paper and lightly grease it to ensure easy release.
- Mix dry ingredients: In a medium bowl, whisk together all-purpose flour, almond flour, baking powder, and salt to evenly distribute all leavening and seasoning agents.
- Cream butter & sugar: In a large bowl, beat the softened butter and sugar until light and fluffy, about 3-4 minutes. Add the eggs one at a time, fully incorporating each before adding the next. Stir in vanilla and almond extracts for flavor depth.
- Combine batter: Add the dry ingredients to the wet ingredients in two to three additions, alternating with milk. Gently stir until just combined; avoid overmixing to keep the cake tender.
- Layer and swirl batter: Pour half the batter into the prepared pan. Spoon small dollops of the butterfly pea paste over the batter and use a knife or skewer to swirl the color through. Repeat layering with the remaining batter and more swirls on top for a marbled effect.
- Bake the cake: Bake for 45–55 minutes, or until a toothpick inserted in the center comes out clean. Allow the cake to cool in the pan for 10 minutes, then transfer to a wire rack to cool completely.
- Prepare optional glaze: Whisk powdered sugar and milk together until smooth. Divide the glaze if desired and tint part with butterfly pea powder plus a drop of lemon juice to create a marbled glaze effect. Drizzle over the cooled loaf for a beautiful finish.
Notes
- Use lemon juice sparingly in the butterfly pea swirl to create a purple tint instead of blue due to pH changes.
- Almond flour adds moisture and a subtle nutty flavor; substitute with extra all-purpose flour if needed, but texture will differ.
- Butter and sugar must be creamed well for a fluffy, tender crumb.
- Do not overmix the batter to avoid a dense cake.
- Make sure the cake is completely cooled before glazing to prevent the glaze from melting.
- Butterfly pea powder can be sourced from specialty tea or natural food stores.
Nutrition
- Serving Size: 1 slice (1/8 loaf)
- Calories: 280
- Sugar: 15g
- Sodium: 150mg
- Fat: 14g
- Saturated Fat: 7g
- Unsaturated Fat: 6g
- Trans Fat: 0g
- Carbohydrates: 33g
- Fiber: 2g
- Protein: 5g
- Cholesterol: 65mg
Keywords: butterfly pea flower, loaf cake, natural food coloring, almond flour cake, swirled cake, marbled glaze, vibrant cake, tea time cake