Created at 08/17/2021 16:53
  0.13k

App ux product design ui colors palette

  • #bf8941
  • #e5bc7a
  • #9c7428
  • #b3714f
  • #a4cca8
  • #745e36
The palette consists of Light, Semi dark colors. Accent colors #e5bc7a and #9c7428. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #745E36 (darkest) to #A4CCA8 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #745E36, #9C7428, #A4CCA8, #B3714F, #BF8941, #E5BC7A

Palette App ux product design ui colors palette has combination of 6 codes colors:
HEX: #bf8941, RGB: (191, 137, 65); HEX: #e5bc7a, RGB: (229, 188, 122); HEX: #9c7428, RGB: (156, 116, 40)
HEX: #b3714f, RGB: (179, 113, 79); HEX: #a4cca8, RGB: (164, 204, 168); HEX: #745e36, RGB: (116, 94, 54)
Simplified version of palette colors
Tint of peru, Shade of burlywood, Tint of darkgoldenrod, Shade of chocolate, Shade of darkseagreen, Shade of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

App ux product design ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bf8941 #bf8941 RGB(191, 137, 65)
#e5bc7a #e5bc7a RGB(229, 188, 122)
#9c7428 #9c7428 RGB(156, 116, 40)
#b3714f #b3714f RGB(179, 113, 79)
#a4cca8 #a4cca8 RGB(164, 204, 168)
#745e36 #745e36 RGB(116, 94, 54)

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bf8941
#e5bc7a
1.71
#bf8941
#9c7428
1.38
#bf8941
#b3714f
1.27
#bf8941
#a4cca8
1.71
#e5bc7a
#a4cca8
1
#9c7428
#b3714f
1.09

Image palette App ux product design ui colors palette png