Created at 03/18/2023 10:00
  87

Buttons dark mode components design system palette

Royal Purple
#7c44bc
Middle Blue Purple
#8962bf
Regalia
#542d85
Sonic Silver
#6c747c
Light Periwinkle
#c8cad9
Onyx
#343c43
The palette consists of Semi dark, Light colors. Accent colors Royal Purple #7c44bc and Regalia #542d85. Palette has Cool colors temperature.
Palette Buttons dark mode components design system palette has combination of 6 codes colors:
HEX: #7c44bc, RGB: (124, 68, 188); HEX: #8962bf, RGB: (137, 98, 191); HEX: #542d85, RGB: (84, 45, 133)
HEX: #6c747c, RGB: (108, 116, 124); HEX: #c8cad9, RGB: (200, 202, 217); HEX: #343c43, RGB: (52, 60, 67)
Simplified version of palette colors
Shade of darkorchid, Tint of mediumpurple, Tint of darkslateblue, Shade of dimgrey, Tint of lavender, Tint of darkslategrey
Color scheme was created by colorhunt

Colors codes in palette

Buttons dark mode components design system palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7c44bc RGB(124, 68, 188)Royal Purple
#8962bf RGB(137, 98, 191)Middle Blue Purple
#542d85 RGB(84, 45, 133)Regalia
#6c747c RGB(108, 116, 124)Sonic Silver
#c8cad9 RGB(200, 202, 217)Light Periwinkle
#343c43 RGB(52, 60, 67)Onyx

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7c44bc
#8962bf
1.33
#7c44bc
#542d85
1.63
#7c44bc
#6c747c
1.29
#7c44bc
#343c43
1.82
#8962bf
#6c747c
1.03
#542d85
#343c43
1.11

Image palette Buttons dark mode components design system palette png