tokens-colors.webp

See: Material Design 3 - Colors

Key color inputs and absolute hues
0
30
60
90
120
150
180
210
240
270
300
330
Reference tokens
Admonitions palettes
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
Classic palettes
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
Main palettes
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
0
10
20
30
40
50
60
70
80
90
100
System tokens
Primary On Primary
Primary Container On Primary Container
Secondary On Secondary
Secondary Container On Secondary Container
Tertiary On Tertiary
Tertiary Container On Tertiary Container
Error On Error
Error Container On Error Container
Primary-Fixed On Primary-Fixed
Primary-Fixed Dim On Primary-Fixed Variant
Secondary-Fixed On Secondary-Fixed
Secondary-Fixed Dim On Secondary-Fixed Variant
Tertiary-Fixed On Tertiary-Fixed
Tertiary-Fixed Dim On Tertiary-Fixed Variant
Inverse Surface Inverse On Surface Inverse Primary
On-Surface On-Surface Variant Outline Outline Variant
Surface Dim
Surface
Surface Bright
Surface Container Lowest
Surface Container Low
Surface Container
Surface Container High
Surface Container Highest
Semantic color swatches
Admonitions color swatches
Warning On Warning
Warning Container On Warning Container
Caution On Caution
Caution Container On Caution Container
Important On Important
Important Container On Important Container
Pinned On Pinned
Pinned Container On Pinned Container
Verse On Verse
Verse Container On Verse Container
Export On Export
Export Container On Export Container
Query On Query
Query Container On Query Container
Note On Note
Note Container On Note Container
Tip On Tip
Tip Container On Tip Container
Example On Example
Example Container On Example Container
Comment On Comment
Comment Container On Comment Container
Quote On Quote
Quote Container On Quote Container
Classic color swatches
Sub30 On Sub30
Sub30 Container On Sub30 Container
Sub60 On Sub60
Sub60 Container On Sub60 Container
Sub90 On Sub90
Sub90 Container On Sub90 Container
Sub120 On Sub120
Sub120 Container On Sub120 Container
Sub150 On Sub150
Sub150 Container On Sub150 Container
Sub180 On Sub180
Sub180 Container On Sub180 Container
Complementary On Complementary
Complementary Container On Complementary Container
Add180 On Add180
Add180 Container On Add180 Container
Add150 On Add150
Add150 Container On Add150 Container
Add120 On Add120
Add120 Container On Add120 Container
Add90 On Add90
Add90 Container On Add90 Container
Add60 On Add60
Add60 Container On Add60 Container
Add30 On Add30
Add30 Container On Add30 Container