Updated 24 August 2024
Fills & Effects
Brand
Primary-200
Primary-300
Primary
Primary-100
Primary-400
Primary-500
Primary-600
Secondary-100
Secondary-200
Secondary-300
Secondary
Secondary-400
Secondary-500
Secondary-600
Semantic
Error-dark
Warning
Success
Focus
Information
Error-light
Greyscale
950
900
800
700
600
500
400
300
200
100
50
Background
Base
Surface1
Surface2
Surface
Opacity white
white-pure
White-100
White-90
White-80
White-70
White-60
White-50
White-30
White-40
White-20
White-10
White-05
Opacity black
Black-90
Black-80
Black-70
Black-60
Black-50
Black-40
Black-30
Black-20
Black-10
Black-05
Black-100
Gradient
Linear-1
Linear-2
Linear-3
Linear-4
Linear-5
Linear-6
Linear-7
Linear-8
Radial
Angular
Diamond
Skeleton
Skeleton-large
Avatar
Male-1
Male-2
Male-3
Male-4
Male-5
Female-1
Female-2
Female-3
Female-4
Female-5
Background blur
Elevation
Layer blur
Inner shadow