Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="highlight-color__C1167A">
  <h1>This is the title</h1>
</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

//
// Colors, etc.
//

$brown: #70614F;
$white: #FFFFFF;
$blue: #0099CE;
$green: #39B54A;
$orange: #EB8F2D;
$pink: #C1167A;
$purple: #6D13B0;
$navy: #1B1464;
$black: #000000;
$gray: #6D6D6D;
$lt-gray: #A8A8A9;
$dk-brown: #2b2b2b; 
$beige: #e7e5e3;

// Initiative colors

$arts: $blue;
$community: $pink;
$education: $orange;
$humanitarian: $green;
$nonprofit: $navy;
$partnerships: $purple;
@mixin highlight-color($initiative) {
  .highlight-color__#{$initiative} & {
    background: $initiative;
    border: 10px solid $initiative;
    color: $white;
  }
}

h1 {
  @include highlight-color($arts);
  @include highlight-color($community);
  @include highlight-color($education);
  @include highlight-color($humanitarian);
  @include highlight-color($nonprofit);
  @include highlight-color($partnerships);
}

.highlight-color__C1167A {
}

SassMeister-output.css

.highlight-color__#0099CE h1 {
  background: #0099CE;
  border: 10px solid #0099CE;
  color: #FFFFFF;
}

.highlight-color__#C1167A h1 {
  background: #C1167A;
  border: 10px solid #C1167A;
  color: #FFFFFF;
}

.highlight-color__#EB8F2D h1 {
  background: #EB8F2D;
  border: 10px solid #EB8F2D;
  color: #FFFFFF;
}

.highlight-color__#39B54A h1 {
  background: #39B54A;
  border: 10px solid #39B54A;
  color: #FFFFFF;
}

.highlight-color__#1B1464 h1 {
  background: #1B1464;
  border: 10px solid #1B1464;
  color: #FFFFFF;
}

.highlight-color__#6D13B0 h1 {
  background: #6D13B0;
  border: 10px solid #6D13B0;
  color: #FFFFFF;
}

SassMeister-rendered.html

<div class="highlight-color__C1167A">
  <h1>This is the title</h1>
</div>