Generated by SassMeister.com.

SassMeister-input.scss

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

$color: ();
@mixin addColor($name, $value, $helper: false) {
  // Add color to $color map
   $color: map-merge($color, ($name: $value)) !global;

  // Add helper to CSS
  @if $helper == true {
    .c--#{$name} {
      color: $value;
    }
  }
}

// Extension
@each $name, $percent in (
  lighterestgray: 90,
  lightergray:    80,
  lightgray:      70,
  gray:           50,
  darkgray:       30,
  darkergray:     20,
  darkerestgray:  10,
) {
  @include addColor($name, lighten(#000, $percent), true)
}

SassMeister-output.css

.c--lighterestgray {
  color: #e6e6e6;
}

.c--lightergray {
  color: #cccccc;
}

.c--lightgray {
  color: #b3b3b3;
}

.c--gray {
  color: gray;
}

.c--darkgray {
  color: #4d4d4d;
}

.c--darkergray {
  color: #333333;
}

.c--darkerestgray {
  color: #1a1a1a;
}