Sass: usando dos listas @each en SCSS

En mi CSS tengo que crear clases que hagan referencia a un 'color de cabello' y 'peinado'

He escrito una mezcla para ayudar a que mi escritura CSS sea más eficiente:

@mixin hair($hair, $colour) {
    .hair-#{$colour} .#{$hair}  { 
background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-repeat, 
image-url("xsppsheadgrey.svg") center top no-repeat, 
image-url("xsppsbhair#{$hair}#{$colour}.svg") center top no-repeat;
}


}

@include hair(spikyboy, blonde);    
@include hair(curlyafroboy, blonde);    

Esto produce el siguiente CSS

.hair-blonde .spikyboy {
  background: url('../images/xsppsfhairspikyboyblonde.svg?1348681869') center top no-repeat, url('../images/xsppsheadgrey.svg?1348834673') center top no-repeat, url('../images/xsppsbhairspikyboyblonde.svg?1348682005') center top no-repeat;
}

.hair-blonde .curlyafro {
  background: url('../images/xsppsfhaircurlyafroblonde.svg?1348681869') center top no-repeat, url('../images/xsppsheadgrey.svg?1348834673') center top no-repeat, url('../images/xsppsbhaircurlyafroblonde.svg?1348682005') center top no-repeat;
}

Esto es genial, pero como tengo una combinación total de 35 colores de cabello y peinados, todavía termino con demasiados @includes.

En esta página, dice que SASS tiene un @each que se puede usar para recorrer las listas. Hay otro ejemplo.aquí. Sin embargo, ambos ejemplos solo muestran el bucle a través de 1 lista. ¿Es posible recorrer dos listas?

He intentado muchas variaciones de mi código, pero ninguna parece funcionar. Pensé que lo siguiente definitivamente funcionaría, pero acabo de recibir un mensaje de error acerca de que $ color no está definido.

$hairstyle: (red, blonde, ltbrown);
$haircolour: (red, blonde, ltbrown);

    @each $hair in $haircolour, $colour in $haircolour {
    .hair-#{$colour} .#{$hair}  {
background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-repeat, 
image-url("xsppsheadgrey.svg") center top no-repeat, 
image-url("xsppsbhair#{$hair}#{$colour}.svg") center top no-repeat;
    }

    .girl.hair-#{$colour} #eyelash {
        background: image-url("xsppseyelash#{$colour}.svg") center top no-repeat;
    }
}

¿Podría alguien, por favor, darme algunos consejos sobre lo que estoy haciendo mal?