Created at 10/02/2020 13:53
  0.2k

Product design app mobile ui colors palette

  • #f3ac3d
  • #fae25e
  • #5c249c
  • #a27a5b
  • #a4b7bf
  • #574238
The palette consists of Light colors. Accent colors #fae25e and #5c249c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #574238 (darkest) to #A4B7BF (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 warm.

HEX codes (sorted): #574238, #5C249C, #A27A5B, #A4B7BF, #F3AC3D, #FAE25E

Palette Product design app mobile ui colors palette has combination of 6 codes colors:
HEX: #f3ac3d, RGB: (243, 172, 61); HEX: #fae25e, RGB: (250, 226, 94); HEX: #5c249c, RGB: (92, 36, 156)
HEX: #a27a5b, RGB: (162, 122, 91); HEX: #a4b7bf, RGB: (164, 183, 191); HEX: #574238, RGB: (87, 66, 56)
Simplified version of palette colors
Shade of Orange, Shade of gold, Shade of indigo, Tint of peru, Shade of darkgrey, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Product design app mobile ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f3ac3d #f3ac3d RGB(243, 172, 61)
#fae25e #fae25e RGB(250, 226, 94)
#5c249c #5c249c RGB(92, 36, 156)
#a27a5b #a27a5b RGB(162, 122, 91)
#a4b7bf #a4b7bf RGB(164, 183, 191)
#574238 #574238 RGB(87, 66, 56)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f3ac3d
#fae25e
1.49
#f3ac3d
#a27a5b
1.97
#f3ac3d
#a4b7bf
1.06
#fae25e
#a4b7bf
1.59
#5c249c
#574238
1.02
#a27a5b
#a4b7bf
1.84

Image palette Product design app mobile ui colors palette png