square-colors.scss

.square-colors {
  @for $i from 1 through 3 {
    $new-angle: 90*$i;
    $new-color:adjust-hue($main-color,$new-angle);
    ul li:nth-of-type(#{$i}){
      background: $new-color;
    }
  }
}