website/layouts/partials/palette.html

<table class="palette">
  <tr>
    <td style="background-color: var(--background)">&nbsp;</td>
    <td style="background-color: var(--black)">&nbsp;</td>
    <td style="background-color: var(--red)">&nbsp;</td>
    <td style="background-color: var(--green)">&nbsp;</td>
    <td style="background-color: var(--yellow)">&nbsp;</td>
    <td style="background-color: var(--blue)">&nbsp;</td>
    <td style="background-color: var(--magenta)">&nbsp;</td>
    <td style="background-color: var(--cyan)">&nbsp;</td>
    <td style="background-color: var(--white)">&nbsp;</td>
  </tr>
  <tr>
    <td style="background-color: var(--foreground)">&nbsp;</td>
    <td style="background-color: var(--bright-black)">&nbsp;</td>
    <td style="background-color: var(--bright-red)">&nbsp;</td>
    <td style="background-color: var(--bright-green)">&nbsp;</td>
    <td style="background-color: var(--bright-yellow)">&nbsp;</td>
    <td style="background-color: var(--bright-blue)">&nbsp;</td>
    <td style="background-color: var(--bright-magenta)">&nbsp;</td>
    <td style="background-color: var(--bright-cyan)">&nbsp;</td>
    <td style="background-color: var(--bright-white)">&nbsp;</td>
  </tr>
</table>