Generated by SassMeister.com.

SassMeister-input.scss

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

$dark-purple: #4b2d83;
$medium-dark-purple: rgba(#9b7bb5,0.5);
$medium-light-purple: rgba(#b096c5,0.4);
$light-purple: rgba(#ebe3ef,0.15);
$dark-gold: #86754e;
$light-gold: rgba(#c3b6a2,0.5);
$cool-gray: #444;
$slate-blue: #165788;
$yellow-gold: #b88d00;
$orange-red: #af4b1a;

@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;
}