Generate Palette
  1. Colors palettes
  2. User experience design system shopify inteface hex colors
Created at 04/24/2020 20:13
bycolorswall
  0.24k

User experience design system shopify inteface hex colors

#f7ce3f
#7857f4
#0c1234
#95b053
#c8a3d4
#2d344a
The palette consists of Light, Dark colors. Accent colors #f7ce3f and #7857f4. Palette has Warm, Cool colors temperature.
Palette User experience design system shopify inteface hex colors has combination of 6 codes colors:
HEX: #f7ce3f, RGB: (247, 206, 63); HEX: #7857f4, RGB: (120, 87, 244); HEX: #0c1234, RGB: (12, 18, 52)
HEX: #95b053, RGB: (149, 176, 83); HEX: #c8a3d4, RGB: (200, 163, 212); HEX: #2d344a, RGB: (45, 52, 74)
Simplified version of palette colors
Tint of gold, Tint of mediumslateblue, Tint of midnightblue, Tint of darkkhaki, Tint of plum, Tint of darkslateblue
Color scheme was created by colorswall
More palettes with:
Gold Blue Khaki

Colors codes in palette

User experience design system shopify inteface hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f7ce3f #f7ce3f RGB(247, 206, 63)——
#7857f4 #7857f4 RGB(120, 87, 244)——
#0c1234 #0c1234 RGB(12, 18, 52)——
#95b053 #95b053 RGB(149, 176, 83)——
#c8a3d4 #c8a3d4 RGB(200, 163, 212)——
#2d344a #2d344a RGB(45, 52, 74)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f7ce3f
#95b053
1.6
#f7ce3f
#c8a3d4
1.43
#7857f4
#95b053
1.92
#0c1234
#2d344a
1.47
#95b053
#c8a3d4
1.11

Image palette User experience design system shopify inteface hex colors png

User experience design system shopify inteface hex colors - #53904
 Download image