JSFiddle - React, Tailwind, and code Playground

by _sir

HTML

<div id="wrap"></div>

CSS

.color { width: 80px; height: 80px; display: block; float: left; }

JavaScript

var colors = ["#80bb2d", "#6c8d4b", "#5b7d3b", "#4a6c2c", "#5b803b", "#82996f", "#6a8f4f", "#368700", "#4d8629", "#436331", "#496f34", "#346919", "#36681f", "#699853", "#3b6827", "#396b25", "#4e843a", "#35682e", "#376830", "#3da635", "#3b5343", "#005e38", "#005c38", "#153a2d"];

var set = colors.map(function(val) { return '<div class="color" style="background: ' + val + '"></div>'; });

document.getElementById('wrap').innerHTML = set.join('');