System v3.0
Material Design 3
Tonal Palettes & Semantic UI Foundations
The Tonal System
Colors derived from brand seed #422DBE
Primary
Main Brand Action
Primary Container
Tonal Layer 1
Secondary Container
Interaction States
Surface High
Elevated Cards
Components
Outlined Fields
Button Roles
Elevation Radii
Small (8px)
Large (16px)
Extra Large (28px)