Colors
Primitive color palettes available in Plex UI
Plex UI defines a set of primitive color palettes that underpin every component. These palettes are exposed as CSS custom properties and are designed to work seamlessly with light and dark modes. Use semantic tokens (e.g. text-primary, bg-surface) in your own components rather than referencing specific palette values directly.
Grayscale
0
25
50
75
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
925
950
975
1000
Alphas
0
02
04
05
06
08
10
12
15
16
20
25
30
35
40
50
Primary colors
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300
25
50
75
100
200
300
400
500
600
700
800
900
950
1000
a25
a50
a75
a100
a200
a300