¿Qué estoy haciendo mal?

<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8>
    <title>Formularios HTML</title>
  </head>
  <body>

    <form action=index.html method=post>
      <h1>Formulario de Pedido de Camiseta</h1>
      <select id=color name=shirt_color>
        <optgroup etiqueta=Shirt_Color>
          <option valor=red>red</option>
          <option valor=yellow>yellow</option>
          <option valor=orange>orange</option>
          <option valor=green>green</option>
          <option valor=blue>azul</option>
          <option valor=purple>púrpura</option>
        </optgroup>
      </select>

    </form>

  </body>
</html>