Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

@each $color in dark-purple, medium-dark-purple, medium-light-purple, dark-gold,
  light-gold, cool-gray, slate-blue, yellow-gold, orange-red {
  .bg-#{$color} {
    background-color: #{$color};
  }
  .color-#{$color} {
    color: #{$color}
  }
}

SassMeister-output.css

.bg-dark-purple {
  background-color: dark-purple;
}

.color-dark-purple {
  color: dark-purple;
}

.bg-medium-dark-purple {
  background-color: medium-dark-purple;
}

.color-medium-dark-purple {
  color: medium-dark-purple;
}

.bg-medium-light-purple {
  background-color: medium-light-purple;
}

.color-medium-light-purple {
  color: medium-light-purple;
}

.bg-dark-gold {
  background-color: dark-gold;
}

.color-dark-gold {
  color: dark-gold;
}

.bg-light-gold {
  background-color: light-gold;
}

.color-light-gold {
  color: light-gold;
}

.bg-cool-gray {
  background-color: cool-gray;
}

.color-cool-gray {
  color: cool-gray;
}

.bg-slate-blue {
  background-color: slate-blue;
}

.color-slate-blue {
  color: slate-blue;
}

.bg-yellow-gold {
  background-color: yellow-gold;
}

.color-yellow-gold {
  color: yellow-gold;
}

.bg-orange-red {
  background-color: orange-red;
}

.color-orange-red {
  color: orange-red;
}