Multiple nested tags not usable within the "with" tag in JSON

The "with" tag does not seem to handle multiple values. Tried "text", "selector", "translate", and everything else. The command returns a "Invalid JSON:".

In en_US.lang:

wf.menu.join=Join (%1$s, %2$s, %3$s)
wf.team.blue=Wolfsbane
wf.team.red=Foxglove
wf.team.green=Spectators

Command:

tellraw @a {
"text:":"",
"extra":[
{
"translate":"wf.menu.join",
"with":[

{ "translate":"wf.teams.blue", "color":"blue" }

,

{ "translate":"wf.teams.red", "color":"red" }

,

{ "translate":"wf.teams.green", "color":"green" }

]
},

{ "text":" Extra text to verify I'm not crazy." }

]
}