File: public/assets/bower_components/bootstrap-colorpicker/docs/includes/examples/11_modal.hbs

<button class="btn btn-primary btn-md" data-toggle="modal" data-target="#myModal">
    Show modal
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div id="cp11" class="input-group colorpicker-component">
                    <input type="text" value="" class="form-control"/>
                    <span class="input-group-addon"><i></i></span>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $('#cp11').colorpicker();
    });
</script>