Paletta

Colour System
Generator

One anchor colour. A complete six-role UI system with rules for where each colour belongs.

Primary colour
Primary
#

Companion Palette

Choose a secondary or copy colours for extra brand accents.

Page Preview
Colour Roles Usage rules and constraints
Contrast Lab
Export this system Copy as CSS variables or a JSON object