Created at 10/12/2021 18:47
  0.13k

Mobile minimal app design colours

  • #1274d9
  • #8bbbf1
  • #346c74
  • #8d6b57
  • #cebba9
  • #5e4132
The palette consists of Light, Semi dark colors. Accent colors #1274d9 and #5e4132. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #5E4132 (darkest) to #8BBBF1 (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): #1274D9, #346C74, #5E4132, #8BBBF1, #8D6B57, #CEBBA9

Palette Mobile minimal app design colours has combination of 6 codes colors:
HEX: #1274d9, RGB: (18, 116, 217); HEX: #8bbbf1, RGB: (139, 187, 241); HEX: #346c74, RGB: (52, 108, 116)
HEX: #8d6b57, RGB: (141, 107, 87); HEX: #cebba9, RGB: (206, 187, 169); HEX: #5e4132, RGB: (94, 65, 50)
Simplified version of palette colors
Tint of steelblue, Tint of lightskyblue, Shade of Teal, Shade of sienna, Shade of tan, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Mobile minimal app design colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1274d9 #1274d9 RGB(18, 116, 217)
#8bbbf1 #8bbbf1 RGB(139, 187, 241)
#346c74 #346c74 RGB(52, 108, 116)
#8d6b57 #8d6b57 RGB(141, 107, 87)
#cebba9 #cebba9 RGB(206, 187, 169)
#5e4132 #5e4132 RGB(94, 65, 50)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1274d9
#346c74
1.27
#1274d9
#8d6b57
1.03
#1274d9
#5e4132
1.98
#8bbbf1
#cebba9
1.07
#346c74
#8d6b57
1.23
#346c74
#5e4132
1.55

Image palette Mobile minimal app design colours png