Style dan v-bind:style Vue JS

<div id="app2">
	<div v-for="n in warna">
		<p style="color: {{n.nama}}">paragraf 1</p>
		<p v-bind:style="{color: n.nama}">paragraf 2</p>
	</div>
</div>
<script>
var app2 = new Vue({
	el: '#app2',
	data: {
		warna: [
			{nama: 'orange'},
			{nama: 'orange'},
			{nama: 'orange'}
		]
	}
})
</script>

Gan kenapa yang paragraf ke 1 gak berubah warnanya?