Custom color picker

Integrate nice custom palettes in your application using jsuites color picker plugin.




Source code

<html>
<script src="https://bossanova.uk/jsuites/v3/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jsuites/v3/jsuites.css" type="text/css" />

<div id="color-picker"></div>

<script>
jSuites.color(document.getElementById('color-picker'), {
    palette: [
        ['#001969', '#233178', '#394a87', '#4d6396', '#607ea4', '#7599b3', '#8bb4c1', '#a5cfce', '#c6eada', '#ffefe0'],
        ['#00429d', '#2b57a7', '#426cb0', '#5681b9', '#6997c2', '#7daeca', '#93c4d2', '#abdad9', '#caefdf', '#ffdfe0'],
        ['#3659b8', '#486cbf', '#597fc5', '#6893cb', '#78a6d1', '#89bad6', '#9ccddb', '#b2e0df', '#cef2e2', '#efcfe0'],
        ['#003790', '#315278', '#48687a', '#5e7d81', '#76938c', '#8fa89a', '#a9bea9', '#c5d3ba', '#e1e9cc', '#efbfe0'],
    ]
});
</script>
</html>

A nice color gradient generator: Chroma.js Color Palette Helper