Ube pancakes are fluffy, Filipino-inspired purple pancakes made with flour, milk, egg, melted butter, baking powder, sugar, and ube extract. Their buttery, nutty, floral flavor pairs beautifully with creamy coconut-ube sauce and toasted coconut.
This scratch-made breakfast brings vibrant purple batter and a warm, vanilla-like aroma to the skillet. The pancakes stay soft and buttery, while the coconut sauce adds a rich finish that settles into every layer of the stack.
You don’t need to chase a perfectly smooth batter or judge doneness by golden color alone. Gentle mixing and a close look at the edges make the cooking easier. The sauce has its own little trick.
Make the sauce first so it can cool and thicken while you cook the pancakes.
Ingredients You Need and Why They Matter
Coconut milk brings richness, condensed milk adds sweetness, and ube extract supplies purple color and floral aroma. Milk, egg, butter, flour, and baking powder give the pancakes moisture and structure, while toasted coconut adds crunch.
Coconut-Ube Sauce
- 1 cup coconut milk
- 1/2 cup sweetened condensed milk
- 1 1/2 teaspoons ube extract
- 1/4 teaspoon kosher salt
Ube Pancakes
- 1 1/4 cups whole milk
- 1 large egg
- 3 tablespoons melted unsalted butter, plus more for frying
- 2 teaspoons ube extract
- 1 1/2 cups all-purpose flour
- 2 tablespoons granulated sugar
- 1 1/2 teaspoons baking powder
Topping
- Toasted coconut flakes (can also use crushed cereal, nuts, or granola)
For the Creamy Coconut-Ube Sauce
Coconut milk gives the sauce its rounded coconut flavor, while sweetened condensed milk contributes sweetness and a creamy body. Ube extract colors the mixture and adds its distinctive nutty, floral scent. Kosher salt keeps the sweetness from overwhelming the coconut.
The finished sauce should pour rather than mound. Its texture changes as it cools, so don’t reduce it to a heavy syrup on the stove.
For the Fluffy Ube Pancake Batter
Whole milk supplies moisture, the egg helps hold the crumb together, and melted unsalted butter adds richness. Flour provides structure, baking powder gives lift, and sugar lightly sweetens the pancakes without competing with the sauce.
I let the melted butter cool slightly before whisking it into the milk and egg so it isn’t piping hot when it meets them.
Ube Extract vs. Ube Halaya vs. Ube Powder
- Ube extract: A concentrated liquid that adds color and aroma without the bulk of yam solids. It’s the form used in this recipe.
- Ube halaya: Sweetened purple yam jam that adds body, moisture, and a more earthy yam character. Keep it as an optional addition rather than a direct replacement for extract.
- Ube powder: Dehydrated yam that absorbs liquid and may need rehydrating. It isn’t a teaspoon-for-teaspoon substitute for extract; follow its package directions and use a recipe designed for it.
Ube is purple yam, not taro. Check the bottle for “ube” rather than choosing by the purple color alone.
How to Make the Ube Pancakes Step by Step
Start with the sauce, then mix and cook the batter while it cools. Have a small saucepan, large bowl, whisk, sifter, and frying pan ready. This recipe serves 4, with a listed cook time of 40 minutes and total time of 1 hour 10 minutes.
- Heat the coconut milk, condensed milk, ube extract, and salt in a small saucepan over medium-high heat until boiling, then reduce to medium and simmer for 7 to 10 minutes, stirring frequently before setting the pan aside to cool.
Stop when a light layer of sauce clings to the back of a spoon, since cooling will thicken it further. - Whisk the whole milk, egg, melted butter, and ube extract in a large bowl until evenly blended, then sift the flour, sugar, and baking powder over the bowl and fold them in with gentle whisk strokes.
The purple batter should look combined but still have small lumps rather than a completely polished surface. - Set a lightly buttered frying pan over medium-high heat and cook 1/3-cup portions of batter for about 2 to 3 minutes per side, repeating with the remaining batter.
Look for popping bubbles and matte, set edges before turning, and check that each center cooks through. - Spoon the cooled coconut-ube sauce over the warm pancakes and finish with coconut flakes, if desired.
The sauce should drape over the stack in a creamy, pourable layer.
Simmer and Cool the Coconut-Ube Sauce
Stir along the bottom and corners of the saucepan as the sauce simmers. The condensed milk makes it rich, but it also means the mixture needs attention rather than an unattended boil.
Use the spoon-coating test alongside the timing. You’re looking for a thin coating, not a thick paste. Let the sauce sit off the heat while you prepare the pancakes; it will gain body as its temperature drops.
Whisk the Purple Pancake Batter Gently
Blend the wet ingredients before adding the dry mixture so the egg and extract distribute evenly. Once the flour goes in, stop whisking as soon as you no longer see broad streaks of dry flour.
Small lumps are fine. Don’t keep mixing to erase every one, because that extra work can leave the pancakes less tender. Break up any large pockets of dry flour gently without beating the whole bowl again.
Cook and Flip When Bubbles and Edges Set
Deep purple batter makes browning harder to judge. Watch the top instead: bubbles should rise and pop, and the outer rim should lose its wet shine before you slide a spatula underneath.
Use the first pancake to assess your pan. If the underside darkens before the top shows those cues, lower the heat for the next portion. Timing is a guide, but a cooked-through center matters more than the clock.
Expert Tips and Troubleshooting for Fluffy Purple Pancakes
The biggest challenges are hidden browning and sauce that thickens more than expected. These fixes keep both under control.
- Dark bottoms with wet centers: The pan is running too hot for the batter to cook evenly. Reduce the heat and let the pan settle before adding another portion; don’t wait for the purple surface to look golden.
- Dense or rubbery pancakes: Excessive mixing is a likely culprit. Use gentle strokes after adding flour and leave small lumps, just as you would with classic fluffy pancakes.
- Sauce that turns stiff: It probably reduced too far before cooling. Stir in a small splash of coconut milk until it flows smoothly again.
- Pancakes that tear when flipped: The top and edges may not have set yet. Wait for the matte rim and popping bubbles, then support the pancake with a broad spatula.
For an optional richer batch, fold ube halaya into the wet mixture alongside the extract. A 10-minute batter rest before cooking is another optional way to let the thicker mixture settle. Expect a change in texture, not a guaranteed increase in height.
Easy Variations and Pancake Mix Shortcuts
Keep these adaptations separate from the scratch formula above. Each changes either the preparation or the character of the finished pancakes.
Quick Boxed Pancake Mix Hack
Prepare your preferred boxed pancake mix using its package directions, adding ube extract to the wet ingredients before combining everything. Extract strengths and mix batch sizes vary, so follow any usage directions on the bottle rather than transferring the scratch recipe’s amount automatically.
A plain mix gives you more control over the ube flavor than an already flavored one. If you buy a ready-made ube mix, check whether it already contains flavoring before adding more. Pair either shortcut with the homemade coconut-ube sauce for the creamy coconut finish.
Extra-Rich Ube Halaya Swirl
Gently fold halaya through the batter for a more even yam flavor, or leave loose ribbons for pockets of richer sweetness. Jam brands differ in thickness and sweetness, so expect a heavier batter and watch the centers carefully as they cook.
For an optional dairy-free coconut adaptation:
- Replace the whole milk with plant-based milk, choosing an unflavored variety to keep the ube aroma prominent.
- Use vegan butter in the batter and pan for a dairy-free alternative to butter.
- Swap the sweetened condensed milk for sweetened condensed coconut milk, and check the other packaged ingredients for dairy.
This adaptation still contains egg. For a breakfast without eggs or dairy, try vegan protein pancakes instead of assuming the same substitutions make this batter vegan.
Best Toppings, Serving Ideas, and Storage Guide
Keep the pancakes warm and the crunchy toppings separate until you’re ready to eat. That contrast makes the creamy sauce especially satisfying.
- Coconut-forward: Pour cooled coconut-ube sauce over the stack and scatter toasted coconut flakes on top.
- Extra crunch: Choose crushed cereal, chopped toasted nuts, or granola, adding them just before serving.
- Buttery and sweet: Serve with salted butter and warm maple syrup, using a lighter drizzle if you’re also adding coconut sauce.
- Fresh and fruity: Add ripe mango alongside the pancakes for a juicy contrast to their buttery crumb.
Refrigerate leftover pancakes and sauce promptly in separate covered containers rather than storing a sauce-soaked stack. Keep the crunchy toppings dry and separate, too. This protects their texture and lets you warm only the portions you need.
For reheating, microwave the pancakes briefly, checking as you go, or use a toaster if you prefer firmer edges. Warm the sauce separately, stirring so it heats evenly, and loosen it with coconut milk if needed. Add sauce and toppings after warming.
Conclusion
Tender, buttery purple pancakes and a spoon-coating coconut-ube sauce make a breakfast with plenty of flavor and texture. The toasted coconut gives each soft bite a little crunch.
Leave small lumps in the batter, watch for bubbles and set edges, and give the sauce time to cool. Once you’re comfortable with the scratch version, try the optional halaya addition for a richer yam flavor.
Frequently Asked Questions
What Are Ube Pancakes Made Of?
The batter contains all-purpose flour, sugar, baking powder, whole milk, egg, melted butter, and ube extract. The accompanying sauce combines coconut milk, sweetened condensed milk, ube extract, and salt.
What Do Ube Pancakes Taste Like?
They taste buttery and softly sweet, with a nutty, floral, vanilla-like flavor from ube extract. Some extracts suggest pistachio or white chocolate, though the exact flavor varies by brand. The sauce adds a creamy coconut finish.
What Do You Put on Ube Pancakes?
Coconut-ube sauce and toasted coconut flakes complement the batter especially well. Other optional toppings include butter, maple syrup, crushed cereal, chopped nuts, granola, or fresh mango.
How Do I Store and Reheat Leftover Ube Pancakes?
Keep pancakes and sauce in separate covered containers in the refrigerator. Reheat pancakes briefly in the microwave or toaster, warm the sauce separately while stirring, and add crunchy toppings just before serving.
Ube Pancakes
Equipment
- small sauce pan
- large bowl
- Whisk
- Pan
Ingredients
Coconut-Ube Sauce
- 1 cup coconut milk
- 1/2 cup sweetened condensed milk
- 1 1/2 teaspoons ube extract
- 1/4 teaspoon kosher salt
Ube Pancakes
- 1 1/4 cups whole milk
- 1 large egg
- 3 tablespoons melted unsalted butter plus more for frying
- 2 teaspoons ube extract
- 1 1/2 cups all-purpose flour
- 2 tablespoons granulated sugar
- 1 1/2 teaspoons baking powder
Topping
- Toasted coconut flakes can also use crushed cereal, nuts, or granola
Instructions
- Heat the coconut milk, condensed milk, ube extract, and salt in a small saucepan over medium-high heat until boiling, then reduce to medium and simmer for 7 to 10 minutes, stirring frequently before setting the pan aside to cool. Stop when a light layer of sauce clings to the back of a spoon, since cooling will thicken it further.
- Whisk the whole milk, egg, melted butter, and ube extract in a large bowl until evenly blended, then sift the flour, sugar, and baking powder over the bowl and fold them in with gentle whisk strokes. The purple batter should look combined but still have small lumps rather than a completely polished surface.
- Set a lightly buttered frying pan over medium-high heat and cook 1/3-cup portions of batter for about 2 to 3 minutes per side, repeating with the remaining batter. Look for popping bubbles and matte, set edges before turning, and check that each center cooks through.
- Spoon the cooled coconut-ube sauce over the warm pancakes and finish with coconut flakes, if desired. The sauce should drape over the stack in a creamy, pourable layer.
