WATCH Chelsea TV on beIN SPORTS | 2-week free trial

Hakim Ziyech opened the scoring after good work down the left flank from Kai Havertz before the former Ajax man's shoulder injury marred an entertaining first half.

Alberto Moreno and Gerard Moreno both hit the woodwork either side of half-time, though the latter restored parity with a fine finish to send the final to extra time.

Kepa, who was brought on in the closing minutes solely for penalties, denied both Aissa Mandi and Raul Albiol to make sure Chelsea came out on top.

The Champions League holder had started proceedings impressively too, Timo Werner forcing the first save as Sergio Asenjo had to react quickly to parry away a close-range effort from Havertz's inswinging corner.

Asenjo, though, was no match for Ziyech's sweeping finish after Havertz found space on the left and drilled towards his team-mate near the penalty spot.

Ziyech's injury, suffered while defending a set-piece situation, offered Thomas Tuchel a reason to be concerned, with Alberto Moreno then smashing an effort onto the crossbar.

Gerard Moreno was also denied in similar circumstances after the break, capitalising on Edouard Mendy's wayward clearance before seeing his low strike smack the post.

However, the Villarreal forward quickly made amends, exchanging a one-two with Boulaye Dia before lifting over Mendy for his 23rd goal of 2021, ranking him fifth across Europe's top-five leagues.

Both Christian Pulisic and Mason Mount could not find extra-time winners and, with a shoot-out in sight, Tuchel sent on Kepa.

Opposite number Asenjo drew first blood with a stop against Havertz, but that advantage faded away when Kepa saved for the first time.

With no further misses between the other eight takers, sudden death kicks were necessary. After Antonio Rudiger rolled in his attempt, Kepa guessed the right way to deny Villarreal captain Albiol.