Colors
Light mode • 27 tokens • Material Design 3
Primary
The primary color is displayed most frequently across screens and components
Primary Tones
Primary
#6750A4
On Primary
#FFFFFF
Primary Container
#EADDFF
On Primary Container
#21005D
Secondary
Secondary colors are used for less prominent components
Secondary Tones
Secondary
#625B71
On Secondary
#FFFFFF
Secondary Container
#E8DEF8
On Secondary Container
#1D192B
Tertiary
Tertiary colors are used for contrasting accents
Tertiary Tones
Tertiary
#7D5260
On Tertiary
#FFFFFF
Tertiary Container
#FFD8E4
On Tertiary Container
#31111D
Error
Error colors indicate errors in components
Error Tones
Error
#B3261E
On Error
#FFFFFF
Error Container
#F9DEDC
On Error Container
#410E0B
Surface
Surface colors affect surfaces of components
Surface Tones
Surface
#FFFBFE
On Surface
#1C1B1F
Surface Variant
#E7E0EC
On Surface Variant
#49454F
Surface Container Lowest
#FFFFFF
Surface Container Low
#F7F2FA
Surface Container
#F3EDF7
Surface Container High
#ECE6F0
Surface Container Highest
#E6E0E9
Outline
Outline colors for borders and dividers
Outline Tones
Outline
#79747E
Outline Variant
#CAC4D0