Created at 05/18/2020 11:43
  0.18k

Weathered ui ux mobile app design palette

  • #4dc3e1
  • #b3b8fb
  • #135e71
  • #166c82
  • #bdccb6
  • #166c82
The palette consists of Light, Semi dark colors. Accent colors #b3b8fb and #bdccb6. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #135E71 (darkest) to #B3B8FB (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #135E71, #166C82, #4DC3E1, #B3B8FB, #BDCCB6

Palette Weathered ui ux mobile app design palette has combination of 6 codes colors:
HEX: #4dc3e1, RGB: (77, 195, 225); HEX: #b3b8fb, RGB: (179, 184, 251); HEX: #135e71, RGB: (19, 94, 113)
HEX: #166c82, RGB: (22, 108, 130); HEX: #bdccb6, RGB: (189, 204, 182); HEX: #166c82, RGB: (22, 108, 130)
Simplified version of palette colors
Tint of skyblue, Tint of lightsteelblue, Shade of darkslategrey, Tint of Teal, Shade of darkseagreen, Tint of Teal
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#4dc3e1 #4dc3e1 RGB(77, 195, 225)
#b3b8fb #b3b8fb RGB(179, 184, 251)
#135e71 #135e71 RGB(19, 94, 113)
#166c82 #166c82 RGB(22, 108, 130)
#bdccb6 #bdccb6 RGB(189, 204, 182)
#166c82 #166c82 RGB(22, 108, 130)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4dc3e1
#b3b8fb
1.09
#4dc3e1
#bdccb6
1.22
#b3b8fb
#bdccb6
1.11
#135e71
#166c82
1.22
#135e71
#166c82
1.22
#166c82
#166c82
1

Image palette Weathered ui ux mobile app design palette png