Generated by SassMeister.com.

SassMeister-input.scss

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

// variables.scss
$darkgrey: #242628;
$grey: #35393b;
$midgrey: #7d878a;
$lightgrey: #e2edf2;

// variables.scss
$list-colours: 
    ('darkgrey' $darkgrey)
    ('grey' $grey)
    ('midgrey' $midgrey)
    ('lightgrey' $lightgrey);

// base.scss
@each $colour in $list-colours {
    .#{nth($colour, 1)}-bg {
        background: nth($colour, 2);
    }
    .#{nth($colour, 1)} {
        color: nth($colour, 2);
    }
}

SassMeister-output.css

.darkgrey-bg {
  background: #242628;
}

.darkgrey {
  color: #242628;
}

.grey-bg {
  background: #35393b;
}

.grey {
  color: #35393b;
}

.midgrey-bg {
  background: #7d878a;
}

.midgrey {
  color: #7d878a;
}

.lightgrey-bg {
  background: #e2edf2;
}

.lightgrey {
  color: #e2edf2;
}