A five-colour palette is easier to use when its colours have distinct roles. Instead of treating each swatch as equally important, choose a page background, a main text colour, a secondary surface, an accent, and a supporting colour. This creates a starting structure for a small design.
Begin with the reading pair
Open Contrast checker and test the main text against the background. Keep the pair readable before considering decorative accents. Then test the secondary text and the text inside buttons. A colour that works as a border or illustration may not work for small text.
Try the downloadable palettes
The field collection includes Woodland, Clay, and Tidal palettes as JSON data. The CSS file provides the main Moss Lane colours as custom properties. The palettes are starting material for your own project, not complete design systems or guarantees about every possible combination.
Woodland brings together dark green, fern, a lighter leaf tone, and warm paper. Clay uses a stronger rust accent with warm neutrals. Tidal offers cooler blue-greens with a muted yellow. Open two or three candidate pairs in the checker and look at the live paragraph rather than judging only the swatches.
Test the small details
Make a simple page or card using your chosen roles. Read the smallest labels, inspect links, and make sure status messages still communicate their meaning without relying on colour alone. Keep a plain text record of the hex values and their intended uses.
When another colour seems necessary, give it a specific job. A compact palette is useful because it reduces the number of decisions you need to repeat.