tileSize

tileSize - Specifies the tile size in the color grid of basic palette of ColorPicker widget.

<input id="colorpicker" type="color" />

<script type="text/javascript">

     $(function () {
        $("#colorpicker").shieldColorPicker({
           basicPalette: {
                  columns: 5,
                  tileSize: {
                      width: 8,
                      height: 8
                  },
                  pallete: [
                            "#FFFFFF", "#FFCCCC", "#FFCC99", "#FFFF99", "#FFFFCC",
                            "#CCCCCC", "#FF6666", "#FF9966", "#FFFF66", "#FFFF33", 
                            "#BBBBBB", "#FF0000", "#FF9900", "#FFCC66", "#FFFF00", 
                            "#999999", "#CC0000", "#FF6600", "#FFCC33", "#FFCC00",
                            "#666666", "#990000", "#CC6600", "#CC9933", "#999900", 
                            "#333333", "#660000", "#993300", "#996633", "#666600", 
                            "#000000", "#330000", "#663300", "#663333", "#333300"
                   ]
           },
           value: "#FFCCCC"
        });
     });

</script>