Color

Generate tonal scales and semantic colors from one seed.

Core principles

  • Use semantic roles for foregrounds, backgrounds, actions, and status.
  • Evaluate contrast separately from color preference.

Model

  • The palette generator uses perceptual color calculations.
  • Theme families assign generated colors to shared semantic roles.

Use in your app

  • Choose a seed, then inspect the generated light and dark roles.
  • Use semantic aliases instead of hardcoded palette stops.

Verification scope

  • Fixtures calculate contrast and distinctness for declared token pairs. A passing fixture covers those pairs, not every color combination.

Token notes

  • Action, field, choice, overlay, and status families consume color tokens.