Loading...
Created at 09/14/2020 11:49
  0.31k

Mobile app design ux task management palette

  • #f8b61e
  • #78ccfa
  • #384d8e
  • #54acac
  • #cec8ca
  • #3f4167
Loading...
The palette consists of Light colors. Accent colors #f8b61e and #78ccfa. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3F4167 (darkest) to #CEC8CA (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #384D8E, #3F4167, #54ACAC, #78CCFA, #CEC8CA, #F8B61E

Palette Mobile app design ux task management palette has combination of 6 codes colors:
HEX: #f8b61e, RGB: (248, 182, 30); HEX: #78ccfa, RGB: (120, 204, 250); HEX: #384d8e, RGB: (56, 77, 142)
HEX: #54acac, RGB: (84, 172, 172); HEX: #cec8ca, RGB: (206, 200, 202); HEX: #3f4167, RGB: (63, 65, 103)
Simplified version of palette colors
Shade of goldenrod, Tint of lightskyblue, Shade of darkslateblue, Shade of cadetblue, Shade of Silver, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Mobile app design ux task management palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f8b61e #f8b61e RGB(248, 182, 30)
#78ccfa #78ccfa RGB(120, 204, 250)
#384d8e #384d8e RGB(56, 77, 142)
#54acac #54acac RGB(84, 172, 172)
#cec8ca #cec8ca RGB(206, 200, 202)
#3f4167 #3f4167 RGB(63, 65, 103)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f8b61e
#78ccfa
1
#f8b61e
#54acac
1.48
#f8b61e
#cec8ca
1.08
#78ccfa
#54acac
1.5
#78ccfa
#cec8ca
1.07
#384d8e
#3f4167
1.21

Image palette Mobile app design ux task management palette png

Loading...
Loading...
Loading...