<label for="exampleColorInput" class="form-label">Choose your color:</label>
<input type="color" class="form-control form-control-color" id="exampleColorInput" value="#563d7c" title="Choose your color">
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.