.neutral.lightest {
    color: #ffffff;
  }
  .neutral.light {
    color: #f7f7fa;
  }
  .neutral.normal {
    color: #e4e4e6;
  }
  .neutral.dark {
    color: #c0c0c4;
  }
  .neutral.darkest {
    color: #82828c;
  }

.teal.lightest {
    color: #f0f5fc;
  }

.teal.light {
    color: #c1cede;
  }

.teal.normal {
    color: #64788f;
  }

.teal.dark {
    color: #2a3b4d;
  }

.teal.darkest {
    color: #1a1c20;
  }

.mint.lightest {
    color: #f0fafa;
  }

.mint.light {
    color: #57d3d2;
  }

.mint.normal {
    color: #00b2b2;
  }

.mint.dark {
    color: #008a8c;
  }

.mint.darkest {
    color: #004b4d;
  }

.ruby.lightest {
    color: #fff0ec;
  }

.ruby.light {
    color: #ffbca6;
  }

.ruby.normal {
    color: #ff7040;
  }

.ruby.dark {
    color: #e84b17;
  }

.ruby.darkest {
    color: #992600;
  }

.aqua.lightest {
    color: #f2f8ff;
  }

.aqua.light {
    color: #cce4ff;
  }

.aqua.normal {
    color: #99c9ff;
  }

.aqua.dark {
    color: #0071f2;
  }

.aqua.darkest {
    color: #004da6;
  }

.violet.lightest {
    color: #f7f7ff;
  }

.violet.light {
    color: #d3d1fe;
  }

.violet.normal {
    color: #928cff;
  }

.violet.dark {
    color: #6961ff;
  }

.violet.darkest {
    color: #130abf;
  }

.gold.lightest {
    color: #fff6e5;
  }

.gold.light {
    color: #ffda8f;
  }

.gold.normal {
    color: #ffcc66;
  }

.gold.dark {
    color: #ed9e00;
  }

.gold.darkest {
    color: #8f3c00;
  }
