A colour palette in plain HTML

A template colour palette written as a self-contained HTML file. New palettes can be created easily by copying the file and changing a few CSS variables.

Primary

Modify as needed by changing the --hue attribute in the inlined CSS.
Usage of a separate color picker tool for this step might be preferable.

Secondary

You can copy any colour to the clipboard by just clicking on its box. By default colours are copied as HSLA values. This can be changed in the script block at the bottom of the document.

Tertiary

By making use of calc and var, most of the colour palette can be automated. This makes it easier and quicker to make adjustments.

Neutral

By making use of calc and var, most of the colour palette can be automated. This makes it easier and quicker to make adjustments.