Roles & scales

Add color roles, generate 50→950 scales, lock to a shade, and derive harmonies.

A system is built from roles, each rendered as a full tonal scale.

Roles

Start with Primary, then add Secondary, Tertiary, Success, Warning, and Error as needed.

Scales & locking

Each role renders a 50→950 scale. Set the input color, then lock it to a shade so the scale is anchored where you want your base color to land.

Color-theory harmonies

Secondary and tertiary can be derived from your primary using color-theory harmonies, giving you a balanced palette fast.