Array e ciclo for (colori)

[1sirena]

ciao a tutti ... ho un problema a capire il funzionamento dell'array e del ciclo for ... ho questo script che non fa altro che prendere da un'array un colore a caso:

<script class="code" type="text/javascript">
function get_random_color() {
	var letters = '0123456789ABCDEF'.split('');
	var color = '#';
	for (var i = 0; i < 6; i++ ) {
		color += letters[Math.round(Math.random() * 15)];
	}
	return color;
}
var colorArray = new Array();
for (var i = 0; i < 10; i++ ) {
	colorArray[i] = get_random_color();
}

Lo dovrei modificare. Di per sè prende lettere e numeri random; io avrei voluto fare la stessa cosa ma facendo estrapolare casualmente uno dei colori presenti nell'array che ho provato a definire in questo modo:

<script class="code" type="text/javascript">
function get_random_color() {
	colorArray[0] = '#20b2aa';
	colorArray[1] = '#ff1493';
	colorArray[2] = '#b22222';
	colorArray[3] = '#ff4500';
	colorArray[4] = '#4169e1';
	colorArray[5] = '#00bfff';
	for (var i = 0; i < 6; i++ ) {
	color= colorArray[Math.round(Math.random())];
	}
	return color;
}
var colorArray = new Array();
for (var i = 0; i < 10; i++ ) {
	colorArray[i] = get_random_color();
}

Il problema è che prende solo i primi 2 colori ... perchè?? in cosa sbaglio???