JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="https://automattic.github.io/Iris/javascripts/iris.min.js"></script>
div class="palette-area"><input type="text" value="#ccbbaa" class="my-color-field" /></div>
    <div class="palette-area"><input type="text" value="#ccbbaa" class="my-color-field" /></div>
    <div class="palette-area"><input type="text" value="#ccbbaa" class="my-color-field" /></div>

JavaScript

var palette_colors = ['#fff', '#ccc', '#000', '#fff', '#ccc', '#000', '#fff', '#ccc', '#000', '#fff', '#ccc', '#000', '#fff', '#ccc', '#000', '#fff', '#ccc', '#000'];

jQuery(document).ready(function($){
    var options = {
    color: false,
    mode: 'hsl',
    controls: {
        horiz: 's', // horizontal defaults to saturation
        vert: 'l', // vertical defaults to lightness
        strip: 'h' // right strip defaults to hue
    },
    hide: false, // hide the color picker by default
    border: true, // draw a border around the collection of UI elements
    target: false, // a DOM element / jQuery selector that the element will be appended within. Only used when called on an input.
    width: 200, // the width of the collection of UI elements
    palettes: palette_colors // show a palette of basic colors beneath the square.
}
$('.my-color-field').iris(options);

  $('.iris-palette').css({'height':'20px','width':'20px', 'margin-left':'','margin-right':'3px','margin-top':'3px'});
    $('.iris-strip').css('height','140px');

    //Nr of palette-areas? This is need if you have several 
    //palettes on one page (else the palette-box would have an 
    //unnessary large height)
    var paletteareasCount = $('.palette-area').length;                                
    var paletteCount = Math.ceil( $('.iris-palette').length / paletteareasCount);

    var paletteRowCount = Math.ceil(paletteCount / 8);
    $('.iris-picker').css({'height': 150 + (paletteRowCount * 23)+'px', 'padding-bottom':'15px'});

    
    

});