Color System
Complete color palette with semantic tokens, system colors, and accessibility-tested contrast ratios.
46 colors10 categories54 WCAG AA
Color tokens
46
Colors
10
Categories
56
Pairings
54
WCAG AA
Primary rampLight
CategoriesPrimarySecondaryTertiaryErrorSurfaceOutlineInverseFixed ColorsAdditional SurfacesUtility Colors
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
Inverse
Inverse colors for snackbars, tooltips, and other components that need to stand out
Inverse Tones
Inverse Surface
#322F35
Inverse On Surface
#F5EFF7
Inverse Primary
#D0BCFF
Fixed Colors
Fixed colors remain constant regardless of light/dark theme - used for elements that maintain consistent appearance
Primary Fixed
Primary Fixed
#EADDFF
Primary Fixed Dim
#D0BCFF
On Primary Fixed
#21005D
On Primary Fixed Variant
#4F378B
Secondary Fixed
Secondary Fixed
#E8DEF8
Secondary Fixed Dim
#CCC2DC
On Secondary Fixed
#1D192B
On Secondary Fixed Variant
#4A4458
Tertiary Fixed
Tertiary Fixed
#FFD8E4
Tertiary Fixed Dim
#EFB8C8
On Tertiary Fixed
#31111D
On Tertiary Fixed Variant
#633B48
Additional Surfaces
Surface Dim and Surface Bright for additional surface variants
Surface Variants
Surface Dim
#DED8E1
Surface Bright
#FEF7FF
Utility Colors
Scrim and Shadow colors for overlays and depth
Utility Tones
Scrim
#000000
Shadow
#000000