Filipino Hot Cake Recipe

Make this Filipino Hot Cake at home in 30 minutes. Soft, golden, and topped with butter and sugar, it is the classic Pinoy street snack you love.

If you grew up eating Filipino Hot Cake from a school-side food cart, you already know exactly what this post is about.

That warm, pillowy, slightly sweet little pancake slathered with margarine and dusted with granulated sugar is one of the most nostalgic snacks in the Philippines.

And if this is your very first time hearing about it, you are in for a real treat.

Filipino hotcakes are not your typical American stack-of-pancakes situation.

They are smaller, thinner, a little chewier, and that characteristic golden-yellow color is pure happiness on a plate. No maple syrup here. Just butter, sugar, and good memories.

This recipe is easy enough for a complete beginner, requires pantry staples you very likely already have, and comes together in under 30 minutes.

A batch of these on a lazy Saturday morning or a rainy afternoon with a cup of hot coffee? Absolutely unbeatable.

You might also enjoy: Banana Pancakes

Quick Recipe Summary
Prep Time10 minutes
Cook Time20 minutes
Total Time30 minutes
Servings10-12 hotcakes
Difficulty LevelEasy
Filipino Hot Cake Recipe

Why You’ll Love This Filipino Hot Cake

Filipino hotcakes are one of those recipes that instantly makes you feel like a kid again, no matter how old you are.

They are ridiculously simple to make with everyday ingredients, no special equipment, and no advanced cooking skills required.

The signature golden-yellow color gives them that street-food charm that you just cannot recreate with any other pancake recipe.

You can make a full batch in about 30 minutes, making them perfect for quick breakfasts, afternoon merienda snacks, or even a light dessert.

They are endlessly customizable too. Go classic with margarine and sugar, or dress them up with cheese, condensed milk, or your favorite fruit.

Kids absolutely love them, and adults love them just as much. They are the kind of food that disappears from the plate the moment you turn your back.

Read Also: Easter Bunny Pancakes Recipe

Ingredients

Filipino hotcake batter uses simple, affordable ingredients that come together beautifully.

The key to getting that soft, spongy texture is not overmixing the batter and cooking on medium-low heat so the hotcakes cook through without burning.

  • 1 cup all-purpose flour
  • 1/4 cup white granulated sugar
  • 1 teaspoon baking powder
  • 1/4 teaspoon salt
  • 1 large egg
  • 1 cup evaporated milk (or whole milk as a substitute)
  • 2 tablespoons margarine or unsalted butter, melted (plus more for topping)
  • 1/4 teaspoon yellow liquid food coloring
  • 1/2 teaspoon vanilla extract
  • Cooking oil or butter, for greasing the pan
  • Granulated sugar, for topping

Read Also: Buttermilk Waffles Recipe

Kitchen Equipment Needed

You do not need any fancy gadgets for this recipe. A basic stovetop setup and a couple of mixing bowls are all it takes to get perfectly cooked Filipino hotcakes every single time.

  • Large mixing bowl
  • Medium mixing bowl
  • Wire whisk
  • Silicone spatula or rubber spatula
  • Non-stick skillet or griddle (8-10 inch recommended)
  • 1/4 cup measuring cup (for portioning batter)
  • Measuring spoons
  • Serving plate

These are my personal picks based on making this recipe over and over again. The right tools and ingredients really do make a difference.

1. Non-Stick Skillet with Even Heat Distribution

A quality non-stick pan is the single most important tool for perfect hotcakes.

It prevents sticking, gives you even browning, and makes flipping smooth and effortless without tearing.

A heavy-bottomed pan also prevents the hot spots that lead to burnt patches.

Get it on Amazon

2. Nestlé Carnation Evaporated Milk

Evaporated milk is what gives Filipino hotcakes their slightly richer, creamier taste compared to regular milk.

The caramelized milk flavor is subtle but unmistakable, and it is the most authentic choice for this recipe.

Get it on Amazon

3. Wilton Yellow Gel Food Coloring

Gel food coloring gives you that deep, vibrant golden-yellow color without watering down your batter the way liquid coloring can sometimes do.

A tiny amount goes a very long way, so one bottle lasts forever.

Get it on Amazon

4. OXO Good Grips Silicone Spatula

A flexible silicone spatula makes it easy to fold ingredients gently without overmixing, and doubles as the perfect tool for flipping delicate hotcakes cleanly.

It is also heat-resistant and easy to clean.

Get it on Amazon

Filipino Hot Cake Recipe

Step-by-Step Instructions: How to Make Filipino Hot Cake

Step 1: Measure and Sift the Dry Ingredients

  • In a large mixing bowl, add 1 cup of all-purpose flour, 1/4 cup of white granulated sugar, 1 teaspoon of baking powder, and 1/4 teaspoon of salt.
  • Whisk the dry ingredients together thoroughly to make sure the baking powder and salt are evenly distributed throughout the flour.
  • If you have a sifter, sift the dry ingredients to remove any lumps. This step helps ensure a smoother batter and a more even hotcake texture.
  • Set this bowl aside while you prepare the wet ingredients.

Step 2: Prepare the Wet Ingredients

  • In a separate medium mixing bowl, crack one large egg and beat it lightly with a whisk until the yolk and white are fully combined.
  • Add 1 cup of evaporated milk (or whole milk) to the beaten egg. Stir gently to combine.
  • Pour in 2 tablespoons of melted margarine or butter. Make sure your melted butter has cooled slightly before adding so it does not cook the egg.
  • Add 1/2 teaspoon of vanilla extract for a gentle, warm flavor note.
  • Add 1/4 teaspoon of yellow liquid food coloring (or a small amount of gel food coloring). This gives the hotcakes their signature golden-yellow street-food color.
  • Whisk everything together until the wet mixture is smooth and the food coloring is evenly blended in.

Step 3: Combine Wet and Dry Ingredients

  • Make a well in the center of your dry ingredient bowl by pushing the flour mixture to the sides.
  • Pour the wet ingredient mixture slowly into the center of the dry ingredients.
  • Using a wire whisk or rubber spatula, gently fold and stir the mixture together using light, sweeping strokes.
  • Mix only until the dry ingredients are just incorporated. A few small lumps in the batter are perfectly fine and actually desirable.
  • Do NOT overmix the batter. Overmixing develops too much gluten in the flour, which makes the hotcakes tough and dense instead of soft and spongy.
  • Let the batter rest for 3-5 minutes. This short resting time helps the baking powder activate and creates a lighter texture when cooked.

Step 4: Heat and Grease the Pan

  • Place your non-stick skillet or griddle over medium-low heat. Filipino hotcakes cook best on low-to-medium heat because they are thinner than regular pancakes and can burn quickly on high heat.
  • Allow the pan to heat for about 1-2 minutes before adding any oil or butter.
  • Lightly grease the pan with a small amount of cooking oil or a tiny dab of butter. Use a paper towel or pastry brush to spread it evenly across the surface of the pan.
  • To test if your pan is at the right temperature, sprinkle a drop or two of water onto the surface. If the water sizzles and evaporates immediately, your pan is ready.

Step 5: Cook the Hotcakes

  • Using a 1/4 cup measuring cup, scoop the batter and pour it gently onto the center of the greased pan. The batter should spread naturally into a circle approximately 3-4 inches in diameter. Do not press or spread it with a spatula.
  • Cook the hotcake undisturbed for about 1-2 minutes on the first side. Watch for small bubbles to form on the surface of the batter and for the edges to look set and slightly dry. This is your signal to flip.
  • Using a thin spatula, slide it fully under the hotcake and flip it over in one smooth, confident motion.
  • Cook the second side for another 1-2 minutes until it is cooked through. The hotcake should spring back gently when pressed in the center and should not look wet or glossy on the surface.
  • Transfer the cooked hotcake to a waiting plate.
  • Repeat the process with the remaining batter. Lightly re-grease the pan between each hotcake as needed to prevent sticking.

Step 6: Add Toppings and Serve

  • While the hotcakes are still warm, spread a generous amount of margarine or softened butter directly on top of each one. The warmth of the hotcake will melt the butter beautifully.
  • Sprinkle a generous pinch of granulated white sugar over the buttered surface. This is the classic, traditional Filipino street-style topping.
  • Stack the hotcakes on a plate and serve immediately while they are still warm and soft.
  • Enjoy on their own, or pair them with a hot cup of coffee, hot chocolate, or cold juice for the full Filipino merienda experience.

This pairs wonderfully with a warm mug from my Mango Smoothie for a complete midday snack spread.

Tips for The Best Filipino Hot Cake

Getting the texture exactly right is all about a few small but important details.

These tips will help you nail it on the very first try, even if you have never made Filipino hotcakes before.

  • Do not overmix the batter. Stir only until the dry and wet ingredients are just combined. Lumps in the batter are completely fine and will cook out.
  • Let the batter rest. Give it 3-5 minutes before cooking so the baking powder has time to activate. This creates a lighter, spongier hotcake.
  • Cook on medium-low heat. High heat will burn the outside before the inside has a chance to cook through. Low and slow is the key.
  • Use evaporated milk for the best flavor. It gives the batter a slightly richer, caramelized taste that whole milk alone cannot quite replicate.
  • Re-grease the pan between batches. Wipe away excess oil with a paper towel and add a fresh light layer before the next hotcake to prevent greasiness.
  • Top while still hot. The margarine melts more evenly and the sugar sticks better when applied to a warm hotcake immediately after cooking.
  • Adjust thickness to your taste. For thinner, more street-style hotcakes, add an extra 2-3 tablespoons of water to the batter. For thicker, fluffier ones, leave the batter as is.
  • Strain the batter if you have lumps. Run it through a fine mesh strainer if you want a completely smooth batter, especially if you skipped sifting the dry ingredients.

Read Also: Waffle Recipe

Serving Suggestions

Filipino Hot Cake Recipe

Filipino hotcakes are a beloved merienda (afternoon snack) food, but they work beautifully at breakfast or even as a simple dessert.

The most classic way to enjoy them is with a generous spread of margarine and a sprinkle of white sugar, eaten warm with a hot cup of coffee or a cold glass of juice.

  • Serve with a drizzle of Strawberry Sauce and fresh sliced fruit for a brunch-worthy presentation
  • Top with sweetened condensed milk instead of sugar for an extra indulgent twist
  • Add a slice of processed cheese on top while still warm for the sweet-and-salty Filipino combination that locals love
  • Serve alongside a Mango Smoothie for a bright, tropical merienda pairing
  • Pair with Hot Chocolate with Marshmallows for a cozy rainy-day treat
  • Stack them high and drizzle with honey and a squeeze of calamansi (Filipino citrus) for a refreshing variation

Variations of Filipino Hot Cake

While the classic buttered-and-sugared hotcake is hard to beat, there are plenty of fun ways to customize this recipe.

Here are some popular twists that Filipino home cooks love to try.

  • Cheese Hotcakes: Mix 2-3 tablespoons of shredded Eden cheese or any quick-melt cheese directly into the batter for a savory, slightly sweet combination that is incredibly popular.
  • Ube Hotcakes: Replace the yellow food coloring with ube extract and add a teaspoon of ube flavoring for a gorgeous purple hotcake with a naturally sweet, nutty flavor.
  • Pandan Hotcakes: Swap the vanilla extract for pandan extract and use green food coloring. Serve with coconut cream for a distinctly tropical flavor profile.
  • Banana Hotcakes: Mash one very ripe banana and fold it into the batter along with a pinch of cinnamon. This reduces the need for added sugar and makes the hotcakes naturally sweet and fragrant.
  • Chocolate Chip Hotcakes: Fold a handful of mini chocolate chips into the batter before cooking. Serve with a dusting of powdered sugar for a kid-friendly version.
  • Gluten-Free Version: Substitute the all-purpose flour with a 1:1 gluten-free baking flour blend for a gluten-free hotcake that still has a great texture.

For another quick and satisfying breakfast idea, check out my Easy Egg Muffin Cups recipe.

Storage and Reheating

Filipino hotcakes store well and reheat beautifully, making them a great option for meal prepping your breakfasts and snacks for the week.

Let them cool completely before storing to prevent excess moisture buildup.

  • Refrigerator: Place cooled hotcakes in a single layer in an airtight container, separating layers with a piece of parchment paper. Store in the refrigerator for up to 3 days.
  • Freezer: Arrange cooled hotcakes in a single layer on a baking sheet and freeze until solid (about 1 hour), then transfer to a zip-lock freezer bag. Freeze for up to 2 months.
  • Reheating on the stovetop: Warm a non-stick pan over low heat and heat the hotcake for 30-45 seconds per side. This method preserves the soft texture best.
  • Reheating in the microwave: Place hotcakes on a microwave-safe plate and cover with a damp paper towel. Microwave on medium power for 20-30 seconds per hotcake. Add toppings after reheating.
  • Reheating in a toaster oven: Place hotcakes on the rack and toast at 300°F (150°C) for about 3-5 minutes until warmed through. This gives you a slightly crispier exterior, which some people love.
  • Do not top before storing. The margarine and sugar toppings are best added fresh after reheating.

For more easy breakfast ideas that store and reheat well, I love these Breakfast Sliders.

Nutritional Facts

The following is an estimate per serving (1 hotcake, without toppings), based on a batch of 12 hotcakes.

Actual values may vary depending on specific brands and any substitutions made.

| Nutrient | Per Hotcake | ||| | Calories | 95 kcal | | Carbohydrates | 14g | | Protein | 3g | | Fat | 3g | | Saturated Fat | 1.5g | | Cholesterol | 20mg | | Sodium | 90mg | | Sugar | 5g | | Fiber | 0.3g | | Calcium | 55mg | | Iron | 0.6mg |

Note: Adding 1 teaspoon of margarine and 1 teaspoon of sugar per hotcake adds approximately 55 calories, 2g fat, and 4g sugar per serving.

Health Benefits of Key Ingredients

Filipino hotcakes are an occasional treat rather than an everyday health food, but several of the core ingredients do bring some genuine nutritional value to the table.

The simple, real-food ingredients in this recipe mean you know exactly what is going into your body, unlike store-bought mixes loaded with preservatives and artificial ingredients.

  • Eggs are an excellent source of high-quality protein and contain all nine essential amino acids. They also provide choline, which supports brain function and liver health.
  • Evaporated milk contains a good amount of calcium, phosphorus, and vitamin D, all of which are important for strong bones and teeth.
  • All-purpose flour is a source of carbohydrates that provides the body with quick energy. For a fiber and nutrient boost, you can substitute up to half the flour with whole wheat flour.
  • Vanilla extract contains trace amounts of antioxidants. While the amount used per recipe is small, it contributes natural flavor without adding processed sugar or artificial flavoring.
  • Butter (used in moderation) provides fat-soluble vitamins A, D, E, and K, and adds a satisfying richness that keeps you full longer.
  • Sugar (the topping) is of course a treat ingredient, but using granulated sugar as a topping rather than syrup allows for better portion control since you can see exactly how much you are adding.

Read Also: Yogurt Parfait Recipe

FAQs About Filipino Hot Cake

1. What makes Filipino hotcakes different from regular pancakes?

Filipino hotcakes are smaller, thinner, slightly chewier, and distinctly sweeter than American-style pancakes.

They also have their signature golden-yellow color from food coloring and are traditionally topped with margarine and granulated sugar rather than syrup.

They are considered a street food and afternoon snack in the Philippines, rather than a sit-down breakfast food.

2. Can I make Filipino hotcakes without food coloring?

Absolutely. The yellow food coloring is optional and purely cosmetic. Your hotcakes will taste exactly the same without it.

They will simply be a pale golden-beige color instead of that recognizable yellow hue.

If you prefer to avoid artificial coloring, a pinch of turmeric powder can give a natural yellow color without significantly affecting the flavor.

3. Why are my hotcakes turning out tough or rubbery?

This almost always comes down to overmixing the batter. When you overwork the flour, you develop too much gluten, which creates a tough, chewy texture.

Mix only until the dry and wet ingredients are just combined, small lumps are perfectly fine.

Also check that your baking powder is fresh, as expired leavening agent leads to flat and dense hotcakes.

4. Can I substitute evaporated milk with regular milk?

Yes, whole milk works perfectly as a direct 1:1 substitute for evaporated milk in this recipe.

Evaporated milk has a slightly richer and more concentrated milk flavor, which gives the hotcakes a deeper taste, but the texture and appearance will still turn out well with regular milk.

Avoid low-fat or non-fat milk as they tend to produce a thinner, less tender hotcake.

5. Can I make the batter ahead of time?

It is best to cook the hotcakes fresh from the batter for the best texture and rise.

However, if you need to prep ahead, you can mix the dry ingredients and the wet ingredients separately and store them in the fridge overnight.

Combine them and add the food coloring just before cooking.

Avoid making the fully combined batter too far in advance as the baking powder will start to lose its leavening power over time.

Filipino Hot Cake Recipe

Filipino Hot Cake

Author: iamwinfred
95kcal
No ratings yet
Share Print Save
Prep 10 minutes
Cook 20 minutes
Total 30 minutes
Filipino Hot Cake is a beloved street-food pancake from the Philippines that is soft, spongy, and golden-yellow in color. Made with simple pantry staples like all-purpose flour, evaporated milk, egg, and a touch of yellow food coloring, these small, slightly sweet hotcakes are finished with a generous spread of margarine and a sprinkle of granulated sugar. They are the ultimate nostalgic merienda (afternoon snack) and come together in just 30 minutes from start to finish.
Servings 12 hotcakes
Course Breakfast, Snack
Cuisine Filipino

Ingredients

For the Batter
  • 1 cup all-purpose flour 120g; sifted to remove lumps
  • 1/4 cup white granulated sugar 50g
  • 1 tsp baking powder ensure it is fresh for best rise
  • 1/4 tsp salt
  • 1 large egg lightly beaten
  • 1 cup evaporated milk 240ml; whole milk can be substituted 1:1
  • 2 tbsp margarine or unsalted butter 30g; melted and cooled slightly
  • 1/2 tsp vanilla extract
  • 1/4 tsp yellow liquid food coloring or a small amount of gel food coloring; optional but traditional
For Cooking
  • cooking oil or butter for greasing the pan between batches
For Topping
  • margarine or softened butter spread generously on each hotcake while still warm
  • white granulated sugar sprinkled over buttered hotcakes; adjust to taste

Equipment

  • Large mixing bowl For the dry ingredients
  • Medium mixing bowl For the wet ingredients
  • Wire whisk
  • Silicone spatula For folding batter and flipping hotcakes
  • Non-stick skillet or griddle 8-10 inch recommended
  • 1/4 cup measuring cup For portioning batter evenly
  • Measuring spoons
  • Serving plate

Method

  1. In a large mixing bowl, whisk together the flour, sugar, baking powder, and salt until evenly combined and free of lumps. Sift if desired for a smoother batter.
  2. In a separate medium bowl, lightly beat the egg, then whisk in the evaporated milk, melted margarine or butter, vanilla extract, and yellow food coloring until smooth and fully combined.
  3. Pour the wet ingredients into the dry ingredients and gently fold together until just combined — small lumps are fine, do not overmix. Let the batter rest for 3-5 minutes to allow the baking powder to activate.
  4. Heat a non-stick skillet over medium-low heat for 1-2 minutes, then lightly grease with cooking oil or a small dab of butter. The pan is ready when a drop of water sizzles and evaporates on contact.
  5. Pour 1/4 cup of batter per hotcake onto the pan and cook undisturbed for 1-2 minutes until bubbles form on the surface and the edges look set, then flip and cook for another 1-2 minutes until cooked through. Lightly re-grease the pan between each batch.
  6. While still warm, spread a generous amount of margarine or butter over each hotcake and sprinkle with granulated sugar. Serve immediately on their own or with hot coffee, hot chocolate, or cold juice.

Nutrition

Serving1hotcakeCalories95kcalCarbohydrates14gProtein3gFat3gSaturated Fat1.5gPolyunsaturated Fat0.3gMonounsaturated Fat1gCholesterol20mgSodium90mgPotassium75mgFiber0.3gSugar5gVitamin A3IUCalcium7mgIron4mg

Notes

  • Do not overmix the batter — stir only until the dry and wet ingredients are just combined. Lumps are fine and overmixing leads to tough, dense hotcakes.
  • Let the batter rest for 3-5 minutes before cooking so the baking powder activates fully, giving you a lighter and spongier texture.
  • Cook on medium-low heat. High heat burns the outside before the center cooks through. Low and slow is the key to perfectly cooked hotcakes.
  • Evaporated milk is the traditional choice and gives a slightly richer, caramelized flavor. Whole milk works as a direct 1:1 substitute if needed.
  • The yellow food coloring is optional but gives the hotcakes their signature street-food look. A tiny pinch of turmeric powder can be used as a natural alternative.
  • For thinner, more street-style hotcakes, add 2-3 extra tablespoons of water to the batter. For thicker, fluffier ones, use the batter as-is.
  • Re-grease the pan lightly between each batch using a paper towel to wipe away excess oil before adding a fresh thin layer, preventing greasy hotcakes.
  • Storage: Allow hotcakes to cool completely, then store in an airtight container with parchment paper between layers. Refrigerate for up to 3 days or freeze for up to 2 months.
  • Reheating: Warm in a non-stick pan over low heat for 30-45 seconds per side, or microwave on medium power for 20-30 seconds covered with a damp paper towel. Add toppings fresh after reheating.
  • Variations: Fold in shredded cheese for a sweet-savory twist, mashed ripe banana for natural sweetness, ube extract and green coloring for a pandan version, or mini chocolate chips for a kid-friendly treat.

Tried this recipe?

Let us know how it was!

Conclusion

Filipino Hot Cake is one of those wonderfully simple recipes that carries a whole lot of meaning.

It is humble, quick, inexpensive, and deeply tied to childhood memories of school afternoons, busy street corners, and the smell of something sweet frying in a pan.

Making these at home means you can get that same nostalgic taste any time you want, without tracking down a street cart.

The recipe is forgiving, beginner-friendly, and completely customizable. Once you nail the basic version, you can experiment with all the flavor variations and make it your own.

Go ahead and give it a try this weekend. I promise the smell alone will make everyone in the house come running to the kitchen.

If you make this Filipino Hot Cake, I would love to hear how it turned out. Drop a comment below and let me know your favorite way to top your hotcakes.

Recommended: