Generated by SassMeister.com.

SassMeister-input-HTML.html

<ol>
  <li class="rosu-cafeniu">Rosu cafeniu</li>
  <li class="rosu-mahon">Rosu mahon</li>
  <li class="rosu-mahon">Rosu mahon</li>
  <li class="rosu-maroniu">Rosu maroniu</li>
  <li class="rosu-granat">Rosu granat</li>
  <li class="rosu-rubiniu">Rosu rubiniu</li>
  <li class="rosu-purpuriu">Rosu purpuriu</li>
  <li class="portocaliu">Portocaliu</li>
  <li class="orange-cupru">Orange cupru</li>
  <li class="roz-capsuni">Roz capsuni</li>
  <li class="roz-somon">Roz somon</li>
  <li class="roz-levantica">Roz levantica</li>
  <li class="verde-crud">Verde crud</li>
  <li class="galben-pai">Galben pai</li>
  <li class="galben-cafeniu">Galben cafeniu</li>
  <li class="anghinare">Anghinare</li>
  <li class="verde-cafeniu">Verde cafeniu</li>
</ol>

SassMeister-input.scss

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

$palette: (
    rosu-cafeniu: #220200, 
    rosu-mahon: #4b0001, 
    rosu-maroniu: #740001, 
    rosu-granat: #990012, 
    rosu-rubiniu: #be0009, 
    rosu-purpuriu: #ae2159, 
    portocaliu: #ea8030, 
    orange-cupru: #e46b33, 
    roz-capsuni: #f7332f, 
    roz-somon: #f45154, 
    roz-levantica: #e760a7, 
    verde-crud: #dffeae,
    galben-pai: #f8f6c3, 
    galben-cafeniu: #d6d65d, 
    anghinare: #aab05c, 
    verde-cafeniu: #a38945
);

@each $color, $color-code in $palette {
    .#{$color} {
        padding:10px;
        color: lighten($color-code, 30);
        background-color:$color-code;
    }
}

SassMeister-output.css

.rosu-cafeniu {
  padding: 10px;
  color: #bb0b00;
  background-color: #220200;
}

.rosu-mahon {
  padding: 10px;
  color: #e40003;
  background-color: #4b0001;
}

.rosu-maroniu {
  padding: 10px;
  color: #ff0e10;
  background-color: #740001;
}

.rosu-granat {
  padding: 10px;
  color: #ff334b;
  background-color: #990012;
}

.rosu-rubiniu {
  padding: 10px;
  color: #ff5860;
  background-color: #be0009;
}

.rosu-purpuriu {
  padding: 10px;
  color: #e781a9;
  background-color: #ae2159;
}

.portocaliu {
  padding: 10px;
  color: #f8d5bb;
  background-color: #ea8030;
}

.orange-cupru {
  padding: 10px;
  color: #f6cdba;
  background-color: #e46b33;
}

.roz-capsuni {
  padding: 10px;
  color: #fdc3c2;
  background-color: #f7332f;
}

.roz-somon {
  padding: 10px;
  color: #fde1e1;
  background-color: #f45154;
}

.roz-levantica {
  padding: 10px;
  color: #fbe5f1;
  background-color: #e760a7;
}

.verde-crud {
  padding: 10px;
  color: white;
  background-color: #dffeae;
}

.galben-pai {
  padding: 10px;
  color: white;
  background-color: #f8f6c3;
}

.galben-cafeniu {
  padding: 10px;
  color: #f5f5d7;
  background-color: #d6d65d;
}

.anghinare {
  padding: 10px;
  color: #e0e2c3;
  background-color: #aab05c;
}

.verde-cafeniu {
  padding: 10px;
  color: #dacca7;
  background-color: #a38945;
}

SassMeister-rendered.html

<ol>
  <li class="rosu-cafeniu">Rosu cafeniu</li>
  <li class="rosu-mahon">Rosu mahon</li>
  <li class="rosu-mahon">Rosu mahon</li>
  <li class="rosu-maroniu">Rosu maroniu</li>
  <li class="rosu-granat">Rosu granat</li>
  <li class="rosu-rubiniu">Rosu rubiniu</li>
  <li class="rosu-purpuriu">Rosu purpuriu</li>
  <li class="portocaliu">Portocaliu</li>
  <li class="orange-cupru">Orange cupru</li>
  <li class="roz-capsuni">Roz capsuni</li>
  <li class="roz-somon">Roz somon</li>
  <li class="roz-levantica">Roz levantica</li>
  <li class="verde-crud">Verde crud</li>
  <li class="galben-pai">Galben pai</li>
  <li class="galben-cafeniu">Galben cafeniu</li>
  <li class="anghinare">Anghinare</li>
  <li class="verde-cafeniu">Verde cafeniu</li>
</ol>