Color & Fills
Text / Theme Light
high_em
med_em
low_em
disabled
danger_on_mediumDark
warning_on_mediumDark
success_on_mediumDark
info_on_mediumDark
info_on_accentDark
info_on_accentLight
info_on_base
success_on_accentDark
success_on_accentLight
success_on_base
warning_on_accentDark
warning_on_accentLight
warning_on_base
danger_on_accentDark
danger_on_accentLight
danger_on_base
white
Outline / Theme Light
base_em
low_em
med_em
high_em
danger_low_em
warning_low_em
success_low_em
info_low_em
danger_high_em
warning_high_em
success_high_em
info_high_em
none
danger_med_em
warning_med_em
success_med_em
info_med_em
white
Surface / Theme Light
disabled_high_em
disabled_med_em
disabled_light_em
disabled_base_em
warning_accent_2
surface_high_em
surface_3
surface_2
surface_1
surface_0
danger_accent_2
info_accent_2
success_accent_2
Surface / Theme Light
info_accent_1
success_accent_1
warning_accent_1
danger_accent_1
primary_accent_1
secondary_accent_1
primary
primary_accent_2
secondary_accent_2
Outline / Theme Light
primary_low_em
primary_high_em
primary_med_em
Text / Theme Light
primary_on_mediumDark
primary_on_accentDark
primary_on_accentLight
primary_on_base
Surface / Theme Dark
primary_accent_1
secondary_accent_1
info_accent_1
success_accent_1
warning_accent_1
danger_accent_1
surface_1
surface_3
secondary_accent_2
info_accent_2
success_accent_2
warning_accent_2
primary
disabled_base_em
Surface / Theme Dark
surface_4
surface_5
surface_6
surface_0
surface_2
surface_high_em
primary_accent_2
danger_accent_2
disabled_high_em
disabled_med_em
disabled_light_em
Text / Theme Dark
dark
high_em
med_em
low_em
disabled
info_on_base
info_on_accentLight
info_on_accentDark
success_on_base
success_on_accentLight
success_on_accentDark
warning_on_base
warning_on_accentLight
warning_on_accentDark
danger_on_base
danger_on_accentLight
danger_on_accentDark
Color / Info
75
25
50
100
200
300
400
500
600
700
800
900
Color / Success
75
25
50
100
200
300
400
500
600
700
800
900
Color / Danger
75
25
50
100
200
300
400
500
600
700
800
900
Color / Primary
75
25
50
100
200
300
400
500
600
700
800
900
Color / Secondary
75
25
50
100
200
300
400
500
600
700
800
900
Outline / Theme Dark
base_em
low_em
med_em
high_em
none
Color / Gray Alpha
25
75
Color / Gray Alpha
50
100
200
300
400
500
600
700
800
900
Color / Gray
25
50
75
100
200
300
400
500
600
700
800
900
Color / Neutral Black
4
7
12
16
20
24
32
48
64
76
88
100
Color
transparent
Color / Neutral White
4
7
12
16
20
24
32
48
64
76
88
100
Color / Warning
25
50
75
100
200
300
400
500
600
700
800
900
Text / Theme Dark
primary_on_base
primary_on_accentLight
primary_on_accentDark
Outline / Theme Dark
primary_base_em