Loading comparison...
Compare
Compare Design Systems
Side-by-side comparison of tokens and specifications. Select up to 4 systems and evaluate across color, type, spacing, and radius.
Live tokensLight mode2/4 selected
Selected systems2 active
Apple Human Interface GuidelinesMaterial Design 3
Selection
Systems to compare
2/4 selected
Comparing 2 systems
Primary palettes
Snapshot of each system's primary color ramp.
Apple Human Interface Guidelines
Blue
#007AFF
Brown
#A2845E
Cyan
#32ADE6
Green
#34C759
Indigo
#5856D6
Mint
#00C7BE
Material Design 3
Primary
#6750A4
On Primary
#FFFFFF
Primary Container
#EADDFF
On Primary Container
#21005D