Generated by SassMeister.com.

SassMeister-input.scss

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

//COLORS

//White
$white: #ffffff;
//Yellow Orange
$orange: #f58220;
$red: #ed1e24;
//Purple
$ltpurple: #aa88bf;
$purple: #522e91;
$drkpuple: #721b79;
$brightpurple: #a9218e;
//Yellow & Orange
$yellow: #fed301;
$ltorange: #fbba34;
$gold: #dca510;
//Green
$ltgreen: #90ca6f;
$green: #4eb748;
//Turquoise & Greens
$turq: #00b1b5;
$turqtrans: rgba(0, 178, 181, .7);
$ltturq: #4fc5d6;
$drkturq: #027b7d;
$seagreen: #01978d;
//Blue
$ltblue: #29ace3;
$babyblue: #ddf4f7;
$blue: #0765b1;
$drkblue: #2b2a86;
//Grays & Blacks
$ltgray: #f1f1f1;
$gray: #777676;
$drkgray: darken(#4a4b4a, 10%);
$black: #000000;

$colorschemes: (
  modulecolors (
    $orange
    $red
    $ltpurple
    $purple
    $brightpurple
    $yellow
    $ltorange
    $ltgreen
    $green
    $seagreen
    $ltturq
    $turq
    $blue
    $drkblue
    $drkpuple
    $gold
  ),
  graytones (
    $ltgray
    $gray
    $drkgray
    $black
  ),
  allcolors (
    $white
    //Yellow Orange
    $orange
    $red
    //Purple
    $ltpurple
    $purple
    $drkpuple
    $brightpurple
    //Yellow & Orange
    $yellow
    $ltorange
    $gold
    //Green
    $ltgreen
    $green
    //Turquoise & Greens
    $turq
    $turqtrans
    $ltturq
    $drkturq
    $seagreen
    //Blue
    $ltblue
    $babyblue
    $blue
    $drkblue
    //Grays & Blacks
    $ltgray
    $gray
    $drkgray
    $black
  )
);

//Loop through and show only module colors
@each $scheme, $colors in $colorschemes {
  @if ($scheme == 'modulecolors') {
    @for $color from 1 to length($colors) {
      $linkcolor: nth($colors, $color);
      li:nth-of-type(#{$color}) a {
        background-color: $linkcolor;
        &:hover {background-color: lighten($linkcolor, 10%)}
      }
    }
  }
}  

SassMeister-output.css

li:nth-of-type(1) a {
  background-color: #f58220;
}
li:nth-of-type(1) a:hover {
  background-color: #f79d51;
}

li:nth-of-type(2) a {
  background-color: #ed1e24;
}
li:nth-of-type(2) a:hover {
  background-color: #f14d52;
}

li:nth-of-type(3) a {
  background-color: #aa88bf;
}
li:nth-of-type(3) a:hover {
  background-color: #c2a9d1;
}

li:nth-of-type(4) a {
  background-color: #522e91;
}
li:nth-of-type(4) a:hover {
  background-color: #683ab8;
}

li:nth-of-type(5) a {
  background-color: #a9218e;
}
li:nth-of-type(5) a:hover {
  background-color: #d429b2;
}

li:nth-of-type(6) a {
  background-color: #fed301;
}
li:nth-of-type(6) a:hover {
  background-color: #fedc34;
}

li:nth-of-type(7) a {
  background-color: #fbba34;
}
li:nth-of-type(7) a:hover {
  background-color: #fccb66;
}

li:nth-of-type(8) a {
  background-color: #90ca6f;
}
li:nth-of-type(8) a:hover {
  background-color: #add894;
}

li:nth-of-type(9) a {
  background-color: #4eb748;
}
li:nth-of-type(9) a:hover {
  background-color: #71c56d;
}

li:nth-of-type(10) a {
  background-color: #01978d;
}
li:nth-of-type(10) a:hover {
  background-color: #01cabc;
}

li:nth-of-type(11) a {
  background-color: #4fc5d6;
}
li:nth-of-type(11) a:hover {
  background-color: #78d3e0;
}

li:nth-of-type(12) a {
  background-color: #00b1b5;
}
li:nth-of-type(12) a:hover {
  background-color: #00e3e8;
}

li:nth-of-type(13) a {
  background-color: #0765b1;
}
li:nth-of-type(13) a:hover {
  background-color: #0981e2;
}

li:nth-of-type(14) a {
  background-color: #2b2a86;
}
li:nth-of-type(14) a:hover {
  background-color: #3736ad;
}

li:nth-of-type(15) a {
  background-color: #721b79;
}
li:nth-of-type(15) a:hover {
  background-color: #9924a3;
}