Create markup and CSS needed for color swatches

Anyone can now edit the color-principes.md file, replicate the code blocks, and fill in the rest of the values.

Not included yet: making them responsive. Let's get all the content in there first.