Pack ui design mobile ux palette

  • #345cec
  • #f0575b
  • #0b2379
  • #6c7494
  • #bbbdc9
  • #545977
  0.22k
Created at 11/28/2019 19:03
The palette consists of Semi dark, Light, Dark colors. Accent colors #f0575b and #0b2379. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0B2379 (darkest) to #BBBDC9 (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

A varied palette: its hues are spread across about 132° of the color wheel.

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #0B2379, #345CEC, #545977, #6C7494, #BBBDC9, #F0575B

Palette Pack ui design mobile ux palette combines 6 color codes:
HEX: #345cec, RGB: (52, 92, 236); HEX: #f0575b, RGB: (240, 87, 91); HEX: #0b2379, RGB: (11, 35, 121)
HEX: #6c7494, RGB: (108, 116, 148); HEX: #bbbdc9, RGB: (187, 189, 201); HEX: #545977, RGB: (84, 89, 119)
Simplified version of palette colors
Shade of Royal Blue, Tint of Indian Red, Tint of Midnight Blue, Shade of Slate Gray, Shade of Silver, Tint of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Pack ui design mobile ux palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#345cec#345cecRGB(52, 92, 236)——
#f0575b#f0575bRGB(240, 87, 91)——
#0b2379#0b2379RGB(11, 35, 121)——
#6c7494#6c7494RGB(108, 116, 148)——
#bbbdc9#bbbdc9RGB(187, 189, 201)——
#545977#545977RGB(84, 89, 119)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#345cec
#f0575b
1.59
#345cec
#6c7494
1.17
#345cec
#545977
1.26
#f0575b
#6c7494
1.36
#f0575b
#bbbdc9
1.8
#6c7494
#545977
1.48

Image palette Pack ui design mobile ux palette png