App ui design ios mobile applications android colours

  • Telemagenta
    #ce3073
  • Pale Magenta-Pink
    #fc9ccc
  • Midnight Blue
    #044c8d
  • Electric Brown
    #b4645c
  • Tuscany
    #c2a599
  • Caput Mortuum
    #5b3029
  0.1k

App ui design ios mobile applications android colours has 6 colors spread across many hues. The lightest color is Pale Magenta-Pink (#FC9CCC), the darkest Caput Mortuum (#5B3029). Its strongest contrast pair is #5B3029 on #FC9CCC (5.6:1, WCAG AA).

Created at 02/10/2023 18:27
The palette consists of Semi dark, Light colors. Accent colors Pale Magenta-Pink #fc9ccc and Midnight Blue #044c8d. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5B3029 (darkest) to #FC9CCC (lightest). The lightness range is moderate.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (5 of 6).

HEX codes (sorted): #044C8D, #5B3029, #B4645C, #C2A599, #CE3073, #FC9CCC

Palette App ui design ios mobile applications android colours combines 6 color codes:
HEX: #ce3073, RGB: (206, 48, 115); HEX: #fc9ccc, RGB: (252, 156, 204); HEX: #044c8d, RGB: (4, 76, 141)
HEX: #b4645c, RGB: (180, 100, 92); HEX: #c2a599, RGB: (194, 165, 153); HEX: #5b3029, RGB: (91, 48, 41)
Simplified version of palette colors
Tint of Medium Violet Red, Tint of Plum, Shade of Dark Slate Blue, Shade of Indian Red, Tint of Rosy Brown, Tint of Maroon
Color scheme was created by colorhunt

Color codes in palette

App ui design ios mobile applications android colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ce3073#ce3073RGB(206, 48, 115)Telemagenta—
#fc9ccc#fc9cccRGB(252, 156, 204)Pale Magenta-Pink—
#044c8d#044c8dRGB(4, 76, 141)Midnight Blue—
#b4645c#b4645cRGB(180, 100, 92)Electric Brown—
#c2a599#c2a599RGB(194, 165, 153)Tuscany—
#5b3029#5b3029RGB(91, 48, 41)Caput Mortuum—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ce3073
#044c8d
1.77
#ce3073
#b4645c
1.14
#fc9ccc
#c2a599
1.17
#044c8d
#5b3029
1.27
#b4645c
#c2a599
1.85

Image palette App ui design ios mobile applications android colours png