La forma moderna de hacerlo es usando CSS, tal como lo haces en tu ejemplo.
Puedes usar colores con nombre, pero también puedes indicar los colores en formato RGB, de la forma #RRGGBB, dónde RR es la cantidad de Rojo, GG la cantidad de verde y BB la cantidad de azul, todos en hexadecimal (las cantidades van de 0 a 255).
Por ejemplo, el color #f95959 tiene 249 de rojo, 89 de verde y 89 de azul, lo que da como resultado el color:
Aquí te dejo algunos ejemplos:
const miDiv = document.getElementById("colorido");
function agregarP(bgColor, textColor) {
let nuevoP = document.createElement("p");
nuevoP.style.backgroundColor = bgColor;
nuevoP.style.color = textColor;
nuevoP.innerHTML = 'Ganaste!!!';
miDiv.appendChild(nuevoP);
}
agregarP("red", "black");
agregarP("blue", "white");
agregarP("#f95959", "#233142");
agregarP("#407088", "#ffb5b5");
agregarP("#00aaa0", "#fcf4d9");
agregarP("#facf5a", "#ff5959");
p {
line-height: 32px;
}
<div id="colorido"></div>
terminar()
creo que hace falta codigocolor: green;
que es código CSS. Irónico. Por cierto, te faltan comillas. Debería ser "green" y "red".