Recipe Overview
Title
Cochinita Pibil (Yucatán-Style Pulled Pork).
Description
This version leans on sour orange (or a bright mix of orange and vinegar) and achiote paste, wrapped in banana leaves so the pork turns almost spoon-tender and deeply stained with that earthy red color. The flavor profile is tangy, lightly spiced, and built for piling into tortillas with sharp onions and a squeeze of lime rather than leaning on heavy sweetness or smoke.
Equipment Needed
- Large roasting/slow-cooking pan with high sides
- Oven bag (optional but recommended for easier cleanup)
- Sharp knife for shredding pork
- Large serving platter
Ingredients
- 2 large banana leaves
- 1.75 oz achiote paste (about half a standard stick)
- 2 cups bitter orange juice or a mix of orange juice with white vinegar (or orange with lime/grapefruit)
- 1/2 teaspoon ground black pepper
- 3 pounds boneless pork butt or pork shoulder, cut into 2.5-3 inch cubes
- 1 large red onion, sliced (optional but highly recommended)
- 2 garlic cloves
- 1-2 whole allspice berries
- 1/4 teaspoon whole cumin
- 1 teaspoon dried Mexican oregano
- 1/4 cup lard (or neutral oil)
- 1 large oven bag (optional)
- Salt to taste
Instructions
- Soften and prep the banana leaves by quickly passing them over low heat or a warm burner until they become pliable, then line a roasting pan with them, leaving enough overhang to fold back over the pork.
- Blend the achiote paste with bitter orange juice (or the orange/vinegar mixture), garlic, black pepper, cumin, and a generous pinch of salt until you have a smooth, brick-red marinade.
- Cut the pork into medium chunks, about 2.5-3 inches, and arrange the pieces over the banana leaves in the pan in an even layer.
- Pour the achiote marinade over the pork, add the lard, and gently turn the pieces so they are well coated; marinate in the refrigerator for at least 2-4 hours, or overnight if you have the time.
- Add the sliced red onion, Mexican oregano, and allspice berries over the marinated pork, letting them sink slightly into the liquid.
- Fold the banana leaves tightly over the pork to form a neat package; if you like, slide the whole bundle into an oven bag to catch juices and minimize cleanup, then seal it.
- Cover the roasting pan with its lid or with foil and bake in a moderate oven (around 325-350°F) until the pork is very tender and shreds easily with a fork.
- Shred the pork directly in the pan or transfer it to a platter, spooning some of the cooking juices over the top so it stays moist and vividly colored.
- Serve hot with warm tortillas, pickled red onions, and lime wedges, letting the citrus and onions cut through the richness of the pork.
Sample Imagery
Below is a collection of images for the ingredients and key steps, plus a few broader context images that nod to the origin of the dish. It's my favorite dish and it has a lot of history, so it felt right to have some basic images to show the different steps & a bit more information about it.
Banana leaf laid out on a table
Achiote paste block, showing the deep red color that stains the pork.
Fresh orange and lime juice standing in for traditional sour orange.
Pork shoulder cut into large cubes, ready for the marinade.
Thinly sliced red onion, later turning sweet and sharp in the heat.
Allspice, cumin, and dried Mexican oregano to deepen the flavor.
Lard that rounds out the marinade and carries the spices into the meat.
Pork marinating in the achiote-citrus mixture, already staining the edges red.
Pork wrapped snugly in banana leaves, echoing the original pit-cooking method.
Finished cochinita pibil, shredded and glossed with its own cooking juices.
Cochinita piled into tortillas with pickled red onion and lime.
Pouring the achiote marinade over the pork in the roasting pan.
Shredded cochinita pibil with cooking juices.
Cochinita pibil in slow cooker.
Roasting pan with cochinita pibil wrapped in banana leaves.
Cochinita pibil in a traditional serving dish before and after opening banana leaves.
Traditional "pib" pit oven that inspired the wrapped-and-slow-baked technique.
Map of Mexico with the Yucatán Peninsula highlighted, grounding the dish in its home region.
Market scene in Merida.
Other Recipe References
These sites are less about cloning the recipe and more about stealing structure: how they pace instructions, how they signal substitutions, and how they gently walk a new cook through something that might look intimidating at first glance, which I think is the mark of a successful recipe/recipe website.
Betty Crocker – Slow-Cooker Pulled Pork
This page is basically comfort food UX: straight, pragmatic instructions with minimal handwaving, clearly scoped ingredients, and a layout that feels like it was built for a tired home cook on a Wednesday night.
I like how it keeps the prose lean and leans on headings and timing cues rather than elaborate storytelling, which makes it a useful reference for structuring the “just tell me what to do” layer of my own recipe page when I get to that part of the website design.
Mexico in My Kitchen - Cochinita Pibil
This recipe balances story and instruction in a way that feels grounded: there's enough context to situate the dish historically, but the actual method stays accessible and translated to a regular oven without getting overly complicated or tedious.
I like the way step photos and side notes clarify/visualize things like banana leaves and bitter orange, because it gives me permission to layer in explanatory asides without losing the main throughline of the recipe.
Gimme Some Oven - Cochinita Pibil
This is the “modern food blog” take: bright photography, scannable sections, and that familiar rhythm of story-tips-recipe card that makes it easy to jump in at whatever level of attention you have that day.
What I find especially useful here is the way variations and serving suggestions are woven into the main text rather than siloed, which nudges me to design my own page so it naturally answers “what else can I do with this?” without making people dig.
Design & Communication Inspiration
These sites are not about pork at all, but they do interesting things with layout, pacing, and voice that feel relevant when thinking about how to present a recipe as more than a static list.
Slider Revolution - Food Website Design Guide
This article is basically a field note on what makes food pages feel alive: photography that actually carries the page, typography that stays legible over images, and layouts that respect how impatient hungry people are.
I'm borrowing the idea that every visual element should serve the dish first, which is why the image grid here is doing actual narrative work (ingredients → process → place) instead of just functioning as decoration. Going to do some more research into how to do this, or at least try it.
HelloFresh - Recipe Library
The HelloFresh recipe pages lean hard into clarity: difficulty labels, time estimates, and tightly structured steps that make the whole thing feel doable even when the ingredient list is long.
For this project, I'm mostly interested in how they stage information so you can skim for timing, ingredients, or steps in isolation, which nudges me toward strong sectioning and predictable visual patterns.
The Infatuation - Restaurant Reviews
The Infatuation's visual language and textual 'voice' shows that you can be opinionated and precise without drifting into ingenuine rating-language, which isthe kind of tone I will probably want if/when I explain why a certain technique or substitution actually matters.
The way they mix conversational language with specific sensory details is a good reminder to let the recipe text sound like a person, not a lab manual, while still keeping the practical steps crisp and easy to follow.