Color palettes
Primary
#3c3c3c
#606060
#818181
#979797
#c2c2c2
#dedede
#f0f0f0
#f5f5f5
#fafafa
P
#ffffff
900
800
700
600
500
400
300
200
100
50
Complementary
#3c3c3c
#606060
#818181
#979797
#c2c2c2
#dedede
#f0f0f0
#f5f5f5
#fafafa
#ffffff
900
800
700
600
500
400
300
200
100
50
Analogous
#3c3c3c
#606060
#818181
#979797
#c2c2c2
#dedede
#f0f0f0
#f5f5f5
#fafafa
#ffffff
#3c3c3c
#606060
#818181
#979797
#c2c2c2
#dedede
#f0f0f0
#f5f5f5
#fafafa
#ffffff
900
800
700
600
500
400
300
200
100
50
Triadic
#3c3c3c
#606060
#818181
#979797
#c2c2c2
#dedede
#f0f0f0
#f5f5f5
#fafafa
#ffffff
#3c3c3c
#606060
#818181
#979797
#c2c2c2
#dedede
#f0f0f0
#f5f5f5
#fafafa
#ffffff
900
800
700
600
500
400
300
200
100
50
Color copied to clipboard
Primary color
#
Secondary color
+
View in color tool
See selected colors applied to UI and check accessibility
info_outline
Demos only available at larger screen size