Misdew/draw/water_colors.php

<table style="width: 100%;">
  <tr>
    <td onclick="changeColor('#00bbbb')" style="background-color: #00bbbb;">
      &nbsp;
    </td>
    <td onclick="changeColor('#77eedd')" style="background-color: #77eedd;">
      &nbsp;
    </td>
    <td onclick="changeColor('#007799')" style="background-color: #007799;">
      &nbsp;
    </td>
    <td onclick="changeColor('#eecccc')" style="background-color: #eecccc;">
      &nbsp;
    </td>
    <td onclick="changeColor('#ddaa88')" style="background-color: #ddaa88;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#2f4e63')" style="background-color: #2f4e63;">
      &nbsp;
    </td>
    <td onclick="changeColor('#2f5e63')" style="background-color: #2f5e63;">
      &nbsp;
    </td>
    <td onclick="changeColor('#2f6e63')" style="background-color: #2f6e63;">
      &nbsp;
    </td>
    <td onclick="changeColor('#2f7e63')" style="background-color: #2f7e63;">
      &nbsp;
    </td>
    <td onclick="changeColor('#2f8e63')" style="background-color: #2f8e63;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#ebf4f6')" style="background-color: #ebf4f6;">
      &nbsp;
    </td>
    <td onclick="changeColor('#bdeaee')" style="background-color: #bdeaee;">
      &nbsp;
    </td>
    <td onclick="changeColor('#76b4bd')" style="background-color: #76b4bd;">
      &nbsp;
    </td>
    <td onclick="changeColor('#58668b')" style="background-color: #58668b;">
      &nbsp;
    </td>
    <td onclick="changeColor('#5e5656')" style="background-color: #5e5656;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#c6feff')" style="background-color: #c6feff;">
      &nbsp;
    </td>
    <td onclick="changeColor('#b7f6ff')" style="background-color: #b7f6ff;">
      &nbsp;
    </td>
    <td onclick="changeColor('#adf0ff')" style="background-color: #adf0ff;">
      &nbsp;
    </td>
    <td onclick="changeColor('#9ee9ff')" style="background-color: #9ee9ff;">
      &nbsp;
    </td>
    <td onclick="changeColor('#97e2ff')" style="background-color: #97e2ff;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#b5d3f9')" style="background-color: #b5d3f9;">
      &nbsp;
    </td>
    <td onclick="changeColor('#42aa86')" style="background-color: #42aa86;">
      &nbsp;
    </td>
    <td onclick="changeColor('#20056c')" style="background-color: #20056c;">
      &nbsp;
    </td>
    <td onclick="changeColor('#2b597f')" style="background-color: #2b597f;">
      &nbsp;
    </td>
    <td onclick="changeColor('#463f4e')" style="background-color: #463f4e;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#99ccff')" style="background-color: #99ccff;">
      &nbsp;
    </td>
    <td onclick="changeColor('#8cd9e6')" style="background-color: #8cd9e6;">
      &nbsp;
    </td>
    <td onclick="changeColor('#80e6cc')" style="background-color: #80e6cc;">
      &nbsp;
    </td>
    <td onclick="changeColor('#73f2b3')" style="background-color: #73f2b3;">
      &nbsp;
    </td>
    <td onclick="changeColor('#66ff99')" style="background-color: #66ff99;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#303a6d')" style="background-color: #303a6d;">
      &nbsp;
    </td>
    <td onclick="changeColor('#0c1667')" style="background-color: #0c1667;">
      &nbsp;
    </td>
    <td onclick="changeColor('#164867')" style="background-color: #164867;">
      &nbsp;
    </td>
    <td onclick="changeColor('#3075b4')" style="background-color: #3075b4;">
      &nbsp;
    </td>
    <td onclick="changeColor('#526d9a')" style="background-color: #526d9a;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#acacc0')" style="background-color: #acacc0;">
      &nbsp;
    </td>
    <td onclick="changeColor('#020331')" style="background-color: #020331;">
      &nbsp;
    </td>
    <td onclick="changeColor('#4a4660')" style="background-color: #4a4660;">
      &nbsp;
    </td>
    <td onclick="changeColor('#563d2d')" style="background-color: #563d2d;">
      &nbsp;
    </td>
    <td onclick="changeColor('#7c8bbf')" style="background-color: #7c8bbf;">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td onclick="changeColor('#92ecc1')" style="background-color: #92ecc1;">
      &nbsp;
    </td>
    <td onclick="changeColor('#8ee5a5')" style="background-color: #8ee5a5;">
      &nbsp;
    </td>
    <td onclick="changeColor('#d6ea6d')" style="background-color: #d6ea6d;">
      &nbsp;
    </td>
    <td onclick="changeColor('#f0e578')" style="background-color: #f0e578;">
      &nbsp;
    </td>
    <td onclick="changeColor('#f6ed8e')" style="background-color: #f6ed8e;">
      &nbsp;
    </td>
  </tr>
</table>