Generated by SassMeister.com.

SassMeister-input-HTML.html

<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@function map-deep-get($map, $keys...) {
    @each $key in $keys {
        $map: map-get($map, $key);
    }
    @return $map;
}

$gray-darkest:           #000 !default;
$gray-darker:            lighten(#000, 13.5%) !default; // #222
$gray-dark:              lighten(#000, 20%) !default;   // #333
$gray:                   lighten(#000, 33.5%) !default; // #555
$gray-mid:               lighten(#000, 50%) !default; // #808080
$gray-light:             lighten(#000, 80%) !default;   // #ccc
$gray-lighter:           lighten(#000, 93.5%) !default; // #eee
$gray-nearwhite:         lighten(#000, 95.5%) !default; // #f4f4f4
$gray-lightest:          #fff !default;

$brand: (
    pri: (
        // purple
        base: #512d6d,
        light: #8246af
    ),
    sec: (
        // red
        base: #cb333b
    ),
    ter: (
        // orange
        base: #e87722,
        light: #f2a900
    ),
    qua: (
        // blue
        base: #6787b7,
        dark: #1d428a
    ),
    pen: (
        // green
        base: #b7bf10,
        dark: #008578
    ),
    ui: (
        good: #8dbb00,
        fail: #cd0000,
        warn: #d5681d,
        info: #4f95dd
    )
);

$brandacc: (
    pri: (
        // purple
        base: (
            bg: map-deep-get($brand, "pri", "base"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "pri", "base"), 5%),
            bghover: lighten(map-deep-get($brand, "pri", "base"), 5%)
        ),
        light: (
            bg: map-deep-get($brand, "pri", "light"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "pri", "light"), 10%),
            bghover: lighten(map-deep-get($brand, "pri", "light"), 3%)
        )
    ),
    sec: (
        // red
        base: (
            bg: map-deep-get($brand, "sec", "base"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "sec", "base"), 10%),
            bghover: lighten(map-deep-get($brand, "sec", "base"), 3%)
        )
    ),
    ter: (
        // orange
        base: (
            bg: map-deep-get($brand, "ter", "base"),
            fg: darken(map-deep-get($brand, "ter", "base"), 51.5%),
            border: darken(map-deep-get($brand, "ter", "base"), 5%),
            bghover: lighten(map-deep-get($brand, "ter", "base"), 3%)
        ),
        light: (
            bg: map-deep-get($brand, "ter", "light"),
            fg: darken(map-deep-get($brand, "ter", "light"), 37%),
            border: darken(map-deep-get($brand, "ter", "light"), 5%),
            bghover: lighten(map-deep-get($brand, "ter", "light"), 3%)
        )
    ),
    qua: (
        // blue
        base: (
            bg: map-deep-get($brand, "qua", "base"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "qua", "base"), 5%),
            bghover: lighten(map-deep-get($brand, "qua", "base"), 3%)
        ),
        dark: (
            bg: map-deep-get($brand, "qua", "dark"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "qua", "dark"), 5%),
            bghover: lighten(map-deep-get($brand, "qua", "dark"), 3%)
        )
    ),
    pen: (
        // green
        base: (
            bg: map-deep-get($brand, "pen", "base"),
            fg: darken(map-deep-get($brand, "pen", "base"), 35%),
            border: darken(map-deep-get($brand, "pen", "base"), 5%),
            bghover: lighten(map-deep-get($brand, "pen", "base"), 3%)
        ),
        dark: (
            bg: map-deep-get($brand, "pen", "dark"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "pen", "dark"), 5%),
            bghover: lighten(map-deep-get($brand, "pen", "dark"), 3%)
        )
    ),
    ui: (
        good: (
            bg: map-deep-get($brand, "ui", "good"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "ui", "good"), 5%),
            bghover: lighten(map-deep-get($brand, "ui", "good"), 3%)
        ),
        fail: (
            bg: map-deep-get($brand, "ui", "fail"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "ui", "fail"), 10%),
            bghover: lighten(map-deep-get($brand, "ui", "fail"), 3%)
        ),
        warn: (
            bg: map-deep-get($brand, "ui", "warn"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "ui", "warn"), 5%),
            bghover: lighten(map-deep-get($brand, "ui", "warn"), 3%)
        ),
        info: (
            bg: map-deep-get($brand, "ui", "info"),
            fg: $gray-lightest,
            border: darken(map-deep-get($brand, "ui", "info"), 5%),
            bghover: lighten(map-deep-get($brand, "ui", "info"), 3%)
        )
    )
);

// Test the colours

p a {
    display: block;
    padding: 0.5em;
    background-color: map-deep-get($brandacc, "pri", "base", "bg");
    border: 1px solid map-deep-get($brandacc, "pri", "base", "border");
    color: map-deep-get($brandacc, "pri", "base", "fg");
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    &:hover { background-color: map-deep-get($brandacc, "pri", "base", "bghover"); }
}
p:nth-child(2) a {
    background-color: map-deep-get($brandacc, "pri", "light", "bg");
    border-color: map-deep-get($brandacc, "pri", "light", "border");
    color: map-deep-get($brandacc, "pri", "light", "fg");

    &:hover { background-color: map-deep-get($brandacc, "pri", "light", "bghover"); }
}
p:nth-child(3) a {
    background-color: map-deep-get($brandacc, "sec", "base", "bg");
    border-color: map-deep-get($brandacc, "sec", "base", "border");
    color: map-deep-get($brandacc, "sec", "base", "fg");

    &:hover { background-color: map-deep-get($brandacc, "sec", "base", "bghover"); }
}
p:nth-child(4) a {
    background-color: map-deep-get($brandacc, "ter", "base", "bg");
    border-color: map-deep-get($brandacc, "ter", "base", "border");
    color: map-deep-get($brandacc, "ter", "base", "fg");

    &:hover { background-color: map-deep-get($brandacc, "ter", "base", "bghover"); }
}
p:nth-child(5) a {
    background-color: map-deep-get($brandacc, "ter", "light", "bg");
    border-color: map-deep-get($brandacc, "ter", "light", "border");
    color: map-deep-get($brandacc, "ter", "light", "fg");

    &:hover { background-color: map-deep-get($brandacc, "ter", "light", "bghover"); }
}
p:nth-child(6) a {
    background-color: map-deep-get($brandacc, "qua", "base", "bg");
    border-color: map-deep-get($brandacc, "qua", "base", "border");
    color: map-deep-get($brandacc, "qua", "base", "fg");

    &:hover { background-color: map-deep-get($brandacc, "qua", "base", "bghover"); }
}
p:nth-child(7) a {
    background-color: map-deep-get($brandacc, "qua", "dark", "bg");
    border-color: map-deep-get($brandacc, "qua", "dark", "border");
    color: map-deep-get($brandacc, "qua", "dark", "fg");

    &:hover { background-color: map-deep-get($brandacc, "qua", "dark", "bghover"); }
}
p:nth-child(8) a {
    background-color: map-deep-get($brandacc, "pen", "base", "bg");
    border-color: map-deep-get($brandacc, "pen", "base", "border");
    color: map-deep-get($brandacc, "pen", "base", "fg");

    &:hover { background-color: map-deep-get($brandacc, "pen", "base", "bghover"); }
}
p:nth-child(9) a {
    background-color: map-deep-get($brandacc, "pen", "dark", "bg");
    border-color: map-deep-get($brandacc, "pen", "dark", "border");
    color: map-deep-get($brandacc, "pen", "dark", "fg");

    &:hover { background-color: map-deep-get($brandacc, "pen", "dark", "bghover"); }
}
p:nth-child(10) a {
    background-color: map-deep-get($brandacc, "ui", "good", "bg");
    border-color: map-deep-get($brandacc, "ui", "good", "border");
    color: map-deep-get($brandacc, "ui", "good", "fg");

    &:hover { background-color: map-deep-get($brandacc, "ui", "good", "bghover"); }
}
p:nth-child(11) a {
    background-color: map-deep-get($brandacc, "ui", "fail", "bg");
    border-color: map-deep-get($brandacc, "ui", "fail", "border");
    color: map-deep-get($brandacc, "ui", "fail", "fg");

    &:hover { background-color: map-deep-get($brandacc, "ui", "fail", "bghover"); }
}
p:nth-child(12) a {
    background-color: map-deep-get($brandacc, "ui", "warn", "bg");
    border-color: map-deep-get($brandacc, "ui", "warn", "border");
    color: map-deep-get($brandacc, "ui", "warn", "fg");

    &:hover { background-color: map-deep-get($brandacc, "ui", "warn", "bghover"); }
}
p:nth-child(13) a {
    background-color: map-deep-get($brandacc, "ui", "info", "bg");
    border-color: map-deep-get($brandacc, "ui", "info", "border");
    color: map-deep-get($brandacc, "ui", "info", "fg");

    &:hover { background-color: map-deep-get($brandacc, "ui", "info", "bghover"); }
}

SassMeister-output.css

p a {
  display: block;
  padding: 0.5em;
  background-color: #512d6d;
  border: 1px solid #44265b;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
p a:hover {
  background-color: #5e347f;
}

p:nth-child(2) a {
  background-color: #8246af;
  border-color: #67378b;
  color: #fff;
}
p:nth-child(2) a:hover {
  background-color: #8a4db8;
}

p:nth-child(3) a {
  background-color: #cb333b;
  border-color: #a2292f;
  color: #fff;
}
p:nth-child(3) a:hover {
  background-color: #cf3f46;
}

p:nth-child(4) a {
  background-color: #e87722;
  border-color: #da6a17;
  color: #030100;
}
p:nth-child(4) a:hover {
  background-color: #e98030;
}

p:nth-child(5) a {
  background-color: #f2a900;
  border-color: #d89700;
  color: #352500;
}
p:nth-child(5) a:hover {
  background-color: #ffb302;
}

p:nth-child(6) a {
  background-color: #6787b7;
  border-color: #5679af;
  color: #fff;
}
p:nth-child(6) a:hover {
  background-color: #718fbc;
}

p:nth-child(7) a {
  background-color: #1d428a;
  border-color: #193875;
  color: #fff;
}
p:nth-child(7) a:hover {
  background-color: #204897;
}

p:nth-child(8) a {
  background-color: #b7bf10;
  border-color: #a0a70e;
  color: #191a02;
}
p:nth-child(8) a:hover {
  background-color: #c5cd11;
}

p:nth-child(9) a {
  background-color: #008578;
  border-color: #006c61;
  color: #fff;
}
p:nth-child(9) a:hover {
  background-color: #009486;
}

p:nth-child(10) a {
  background-color: #8dbb00;
  border-color: #7aa200;
  color: #fff;
}
p:nth-child(10) a:hover {
  background-color: #99ca00;
}

p:nth-child(11) a {
  background-color: #cd0000;
  border-color: #9a0000;
  color: #fff;
}
p:nth-child(11) a:hover {
  background-color: #dc0000;
}

p:nth-child(12) a {
  background-color: #d5681d;
  border-color: #bf5d1a;
  color: #fff;
}
p:nth-child(12) a:hover {
  background-color: #e16f21;
}

p:nth-child(13) a {
  background-color: #4f95dd;
  border-color: #3a88d9;
  color: #fff;
}
p:nth-child(13) a:hover {
  background-color: #5c9ddf;
}

SassMeister-rendered.html

<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>
<p><a href="#">test</a></p>