Created at 02/01/2022 16:52
  0.15k

Web interface programming ux colors

Orange-Yellow (Crayola)
#f7d567
Jasmine
#f6db7e
Mud
#6c5c34
Antique Fuchsia
#9f5c7e
Pink Lavender
#d4b4d4
Dark Byzantium
#563c51
The palette consists of Light, Semi dark colors. Accent colors Orange-Yellow (Crayola) #f7d567 and Jasmine #f6db7e. Palette has Warm, Neutral colors temperature.
Palette Web interface programming ux colors has combination of 6 codes colors:
HEX: #f7d567, RGB: (247, 213, 103); HEX: #f6db7e, RGB: (246, 219, 126); HEX: #6c5c34, RGB: (108, 92, 52)
HEX: #9f5c7e, RGB: (159, 92, 126); HEX: #d4b4d4, RGB: (212, 180, 212); HEX: #563c51, RGB: (86, 60, 81)
Simplified version of palette colors
Shade of gold, Tint of Khaki, Tint of darkolivegreen, Shade of mediumvioletred, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Web interface programming ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f7d567 RGB(247, 213, 103)Orange-Yellow (Crayola)
#f6db7e RGB(246, 219, 126)Jasmine
#6c5c34 RGB(108, 92, 52)Mud
#9f5c7e RGB(159, 92, 126)Antique Fuchsia
#d4b4d4 RGB(212, 180, 212)Pink Lavender
#563c51 RGB(86, 60, 81)Dark Byzantium

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f7d567
#f6db7e
1.04
#f7d567
#d4b4d4
1.3
#f6db7e
#d4b4d4
1.36
#6c5c34
#9f5c7e
1.33
#6c5c34
#563c51
1.48
#9f5c7e
#563c51
1.99

Image palette Web interface programming ux colors png