@momentum-ui/react-collaboration/scss/colors/examples/gray.html

Cisco Momentum UI Framework for React Collaboration Applications

<div style="display: flex; flex-wrap: wrap;">
  <div class="paint-chip-group medium-6 large-4 xlarge-3 columns end">
    <div class="paint-chips md-background-color--white-100">
      <h2 class="paint-chips__name md-color--black-100">gray</h2>
      <div class="paint-chip paint-chip--light md-background-color--white-100">
        <span class="paint-chip__variable">$md-white-100</span>
      </div>
      <div class="paint-chip paint-chip--light md-background-color--gray-05">
        <span class="paint-chip__variable">$md-gray-05</span>
      </div>
      <div class="paint-chip paint-chip--light md-background-color--gray-10">
        <span class="paint-chip__variable">$md-gray-10</span>
      </div>
      <div class="paint-chip paint-chip--light md-background-color--gray-20">
        <span class="paint-chip__variable">$md-gray-20</span>
      </div>
      <div class="paint-chip paint-chip--light md-background-color--gray-30">
        <span class="paint-chip__variable">$md-gray-30</span>
      </div>
      <div class="paint-chip paint-chip--light md-background-color--gray-40">
        <span class="paint-chip__variable">$md-gray-40</span>
      </div>
      <div class="paint-chip md-background-color--gray-50">
        <span class="paint-chip__variable">$md-gray-50</span>
      </div>
      <div class="paint-chip md-background-color--gray-60">
        <span class="paint-chip__variable">$md-gray-60</span>
      </div>
      <div class="paint-chip md-background-color--gray-70">
        <span class="paint-chip__variable">$md-gray-70</span>
      </div>
      <div class="paint-chip md-background-color--gray-80">
        <span class="paint-chip__variable">$md-gray-80</span>
      </div>
      <div class="paint-chip md-background-color--gray-90">
        <span class="paint-chip__variable">$md-gray-90</span>
      </div>
      <div class="paint-chip md-background-color--gray-95">
        <span class="paint-chip__variable">$md-gray-95</span>
      </div>
      <div class="paint-chip md-background-color--gray-100">
        <span class="paint-chip__variable">$md-gray-100</span>
      </div>
      <div class="paint-chip md-background-color--black-100">
        <span class="paint-chip__variable">$md-black-100</span>
      </div>
    </div>
  </div>
</div>