JSFiddle - React, Tailwind, and code Playground

HTML

<div class="colorbar"></div>

JavaScript

var colorArray = new Array("A56AC2", "E2CED7", "5E5992", "B45748", "E4E6A2");
console.log(colorArray);

var addingHTML = [];
for ( var i=0; i < colorArray.length; i++ ) {
    addingHTML.push ('<span style="background: #' + colorArray[i] + '">' + i + '</span>');
}
console.log(addingHTML);
$(".colorbar").html(addingHTML.join(""));