<div id="cp8" data-format="alias" class="input-group colorpicker-component">
  <input type="text" value="primary" class="form-control"/>
  <span class="input-group-addon"><i></i></span>
</div>
<script>
    $(function () {
        $('#cp8').colorpicker({
            colorSelectors: {
                'black': '#000000',
                'white': '#ffffff',
                'red': '#FF0000',
                'default': '#777777',
                'primary': '#337ab7',
                'success': '#5cb85c',
                'info': '#5bc0de',
                'warning': '#f0ad4e',
                'danger': '#d9534f'
            }
        });
    });
</script>