W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2017.css">
<body>

<div class="w3-container">
  <h1>Using w3-colors-2017</h1>
</div>

<table class="w3-table-all w3-large">
  <tr><td class="w3-2017-greenery">w3-2017-greenery</td></tr>
  <tr><td class="w3-2017-grenadine">w3-2017-grenadine</td></tr>
  <tr><td class="w3-2017-tawny-port">w3-2017-tawny-port</td></tr>
  <tr><td class="w3-2017-ballet-slipper">w3-2017-ballet-slipper</td></tr>
  <tr><td class="w3-2017-butterum">w3-2017-butterum</td></tr>
  <tr><td class="w3-2017-navy-peony">w3-2017-navy-peony</td></tr>
  <tr><td class="w3-2017-neutral-grey">w3-2017-neutreal-grey</td></tr>
  <tr><td class="w3-2017-shaded-spruce">w3-2017-shaded-spruce</td></tr>
  <tr><td class="w3-2017-golden-lime">w3-2017-golden-lime</td></tr>
  <tr><td class="w3-2017-marina">w3-2017-marina</td></tr>
  <tr><td class="w3-2017-autumn-maple">w3-2017-autumn-maple</td></tr>
  <tr><td class="w3-2017-niagara">w3-2017-niagra</td></tr>
  <tr><td class="w3-2017-primrose-yellow">w3-2017-primrose-yellow</td></tr>
  <tr><td class="w3-2017-lapis-blue">w3-2017-lapis-blue</td></tr>
  <tr><td class="w3-2017-flame">w3-2017-flame</td></tr>
  <tr><td class="w3-2017-island-paradise">w3-2017-island-paradise</td></tr>
  <tr><td class="w3-2017-pale-dogwood">w3-2017-pale-dogwood</td></tr>
  <tr><td class="w3-2017-pink-yarrow">w3-2017-pink-yarrow</td></tr>
  <tr><td class="w3-2017-kale">w3-2017-kale</td></tr>
  <tr><td class="w3-2017-hazelnut">w3-2017-hazelnut</td></tr>
</table>

</body>
</html>