Tengo un select que me muestra una lista de colores, ya logre colocar los colores en las letras y un icono de fontawesone en cuadrado, pero mi problema viene cuando selecciono un elemento de la lista me pone en negro las letras y también el cuadro como podría hacer para que cuando seleccione me pinte como esta en la lista la letra y el icono del color seleccionado. Gracias. debajo pongo el codigo, estoy usando bootstrap.
<div class="form-group">
<label for="color" class="col-form-label font-weight-bold">Color:</label>
<select class="form-control fa" name="color" id="color" required>
<option value="">Seleccionar</option>
<option class="fa" style="color:#0071c5;" value="#0071c5"> Azul Oscuro</option>
<option class="fa" style="color:#40E0D0;" value="#40E0D0"> Turquesa</option>
<option class="fa" style="color:#008000;" value="#008000"> Verde</option>
<option class="fa" style="color:#FFD700;" value="#FFD700"> Amarillo</option>
<option class="fa" style="color:#FF8C00;" value="#FF8C00"> Naranja</option>
<option class="fa" style="color:#FF0000;" value="#FF0000"> Rojo</option>
<option class="fa" style="color:#000000;" value="#000000"> Negro</option>
</select>
</div>