Created at 06/30/2021 13:38
  0.22k

Mobile app flat design uiuxdesign ui colors palette

  • #7b6ae6
  • #b0a1fa
  • #201371
  • #645c9c
  • #beaec8
  • #433b5b
The palette consists of Light, Dark, Semi dark colors. Accent colors #7b6ae6 and #b0a1fa. Palette has Cool colors temperature.

By lightness, this palette runs from #201371 (darkest) to #B0A1FA (lightest). The lightness range is moderate.

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

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #201371, #433B5B, #645C9C, #7B6AE6, #B0A1FA, #BEAEC8

Palette Mobile app flat design uiuxdesign ui colors palette has combination of 6 codes colors:
HEX: #7b6ae6, RGB: (123, 106, 230); HEX: #b0a1fa, RGB: (176, 161, 250); HEX: #201371, RGB: (32, 19, 113)
HEX: #645c9c, RGB: (100, 92, 156); HEX: #beaec8, RGB: (190, 174, 200); HEX: #433b5b, RGB: (67, 59, 91)
Simplified version of palette colors
Shade of mediumslateblue, Tint of lightsteelblue, Tint of midnightblue, Tint of slateblue, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Mobile app flat design uiuxdesign ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7b6ae6 #7b6ae6 RGB(123, 106, 230)
#b0a1fa #b0a1fa RGB(176, 161, 250)
#201371 #201371 RGB(32, 19, 113)
#645c9c #645c9c RGB(100, 92, 156)
#beaec8 #beaec8 RGB(190, 174, 200)
#433b5b #433b5b RGB(67, 59, 91)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7b6ae6
#b0a1fa
1.84
#7b6ae6
#645c9c
1.42
#7b6ae6
#beaec8
1.99
#b0a1fa
#beaec8
1.08
#201371
#433b5b
1.44
#645c9c
#433b5b
1.76

Image palette Mobile app flat design uiuxdesign ui colors palette png