Created at 04/11/2020 17:12
  0.21k

App design uidesign mobile colors

  • #f97f48
  • #ec925f
  • #0f6c32
  • #8a707c
  • #99cc99
  • #4e2723
The palette consists of Light, Semi dark, Dark colors. Accent colors #f97f48 and #0f6c32. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #4E2723 (darkest) to #99CC99 (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #0F6C32, #4E2723, #8A707C, #99CC99, #EC925F, #F97F48

Palette App design uidesign mobile colors has combination of 6 codes colors:
HEX: #f97f48, RGB: (249, 127, 72); HEX: #ec925f, RGB: (236, 146, 95); HEX: #0f6c32, RGB: (15, 108, 50)
HEX: #8a707c, RGB: (138, 112, 124); HEX: #99cc99, RGB: (153, 204, 153); HEX: #4e2723, RGB: (78, 39, 35)
Simplified version of palette colors
Tint of coral, Tint of lightsalmon, Shade of darkgreen, Tint of Grey, Shade of darkseagreen, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

App design uidesign mobile colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f97f48 #f97f48 RGB(249, 127, 72)
#ec925f #ec925f RGB(236, 146, 95)
#0f6c32 #0f6c32 RGB(15, 108, 50)
#8a707c #8a707c RGB(138, 112, 124)
#99cc99 #99cc99 RGB(153, 204, 153)
#4e2723 #4e2723 RGB(78, 39, 35)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f97f48
#ec925f
1.08
#f97f48
#8a707c
1.73
#f97f48
#99cc99
1.4
#ec925f
#8a707c
1.88
#ec925f
#99cc99
1.29
#0f6c32
#8a707c
1.46

Image palette App design uidesign mobile colors png