Generated by SassMeister.com.

SassMeister-input-HTML.html

<ul>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
</ul>

SassMeister-input.sass

// ----
// libsass (v3.0.1)
// ----

$nav: #6fc2da #4fb1ce #36aace #1e95b7 #0d7591 #086379 #025163 #004350;

@mixin colorPalette($palette) {
    $i: 1;
    @each $color in $palette {
        &:nth-child(#{$i}) {
            &:before {
                border-color: nth($palette, $i);
            }

            &.active {
                &:before {
                    border-color: nth($palette, $i);
                    background: nth($palette, $i);
                }

                a {
                    color: nth($palette, $i);
                }
            }
        }

        $i: $i + 1;
    }
}

li {
   @include colorPalette($nav);
}

SassMeister-output.css

li:nth-child(1):before {
  border-color: #6fc2da; }
li:nth-child(1).active:before {
  border-color: #6fc2da;
  background: #6fc2da; }
li:nth-child(1).active a {
  color: #6fc2da; }
li:nth-child(2):before {
  border-color: #4fb1ce; }
li:nth-child(2).active:before {
  border-color: #4fb1ce;
  background: #4fb1ce; }
li:nth-child(2).active a {
  color: #4fb1ce; }
li:nth-child(3):before {
  border-color: #36aace; }
li:nth-child(3).active:before {
  border-color: #36aace;
  background: #36aace; }
li:nth-child(3).active a {
  color: #36aace; }
li:nth-child(4):before {
  border-color: #1e95b7; }
li:nth-child(4).active:before {
  border-color: #1e95b7;
  background: #1e95b7; }
li:nth-child(4).active a {
  color: #1e95b7; }
li:nth-child(5):before {
  border-color: #0d7591; }
li:nth-child(5).active:before {
  border-color: #0d7591;
  background: #0d7591; }
li:nth-child(5).active a {
  color: #0d7591; }
li:nth-child(6):before {
  border-color: #086379; }
li:nth-child(6).active:before {
  border-color: #086379;
  background: #086379; }
li:nth-child(6).active a {
  color: #086379; }
li:nth-child(7):before {
  border-color: #025163; }
li:nth-child(7).active:before {
  border-color: #025163;
  background: #025163; }
li:nth-child(7).active a {
  color: #025163; }
li:nth-child(8):before {
  border-color: #004350; }
li:nth-child(8).active:before {
  border-color: #004350;
  background: #004350; }
li:nth-child(8).active a {
  color: #004350; }

SassMeister-rendered.html

<ul>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
  <li><a>dawdwa</a></li>
</ul>