Potrzebuje pomocy z połączeniem SELECT i FUNCTION

Witam potrzebuję pomocy bo uczę się do egzaminu i stoję w miejscu. Potrzebuję by na mojej stronie za pomocą funkcji SELECT można było rozwinąć listę i w niej wybrać kolor tekstu. Lista działa i funkcja zmieniająca kolor tekstu również ale gdy przypisze jeden kolor na stałe.
Niżej kod (tekst który ma zmieniać kolor ma id=tekst):

function font(){
        document.getElementById("tekst").style.color = lista;
      }

<form>
      <select id="lista">
      <option value="white">white</option>
      <option value="tan">tan</option>
      <option value="bisque">bisque</option>
      <option value="plum">plum</option>
      </select>
</form>

Funkcja jest w script a select w html. Jak coś źle wytłumaczyłem to proszę pisać to rozjaśnię.

Nie wie, czy dobrze zrozumiałem Twoje pytanie, ale mam nadzieję, że tak ;)
Jeśli chodzi o to, żeby kolor tekstu się zmieniał w zależności od wybranej wartości na liście to rzuć okiem na działający przykład, który tak na szybko wyskrobałem: https://jsfiddle.net/9r6y0heu/1/

<span id="tekst">NAPPIS kolorosięzmieniający</span>

<br><br>

<form>
      <select id="lista" onchange="fontColor()">
      <option value="red">red</option>
      <option value="green">green</option>
      <option value="white">white</option>
      <option value="tan">tan</option>
      <option value="bisque">bisque</option>
      <option value="plum">plum</option>
      </select>
</form>

function fontColor() {
	var nowyKolor = "color:" + document.getElementById("lista").value;
	document.getElementById("tekst").setAttribute("style", nowyKolor); 
}