Created at 12/09/2022 11:12
  0.11k

Ui product design branding ux colors palette

  • Meat Brown
    #eaa33a
  • Gold (Crayola)
    #e2ce97
  • Sepia
    #774c0c
  • Gray (HTML/CSS Gray)
    #7c7c7c
  • Lavender Gray
    #c7bdca
  • Gray
    #444444
The palette consists of Light, Semi dark colors. Accent colors Meat Brown #eaa33a and Sepia #774c0c. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #774C0C (darkest) to #C7BDCA (lightest). The lightness range is moderate.

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

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #444444, #774C0C, #7C7C7C, #C7BDCA, #E2CE97, #EAA33A

Palette Ui product design branding ux colors palette has combination of 6 codes colors:
HEX: #eaa33a, RGB: (234, 163, 58); HEX: #e2ce97, RGB: (226, 206, 151); HEX: #774c0c, RGB: (119, 76, 12)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #c7bdca, RGB: (199, 189, 202); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Tint of Orange, Tint of wheat, Tint of saddlebrown, Tint of Grey, Tint of thistle, Tint of dimgrey
Color scheme was created by palettespicker

Colors codes in palette

Ui product design branding ux colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#eaa33a #eaa33a RGB(234, 163, 58)Meat Brown
#e2ce97 #e2ce97 RGB(226, 206, 151)Gold (Crayola)
#774c0c #774c0c RGB(119, 76, 12)Sepia
#7c7c7c #7c7c7c RGB(124, 124, 124)Gray (HTML/CSS Gray)
#c7bdca #c7bdca RGB(199, 189, 202)Lavender Gray
#444444 #444444 RGB(68, 68, 68)GrayGoshawk Grey

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#eaa33a
#e2ce97
1.37
#eaa33a
#7c7c7c
1.94
#eaa33a
#c7bdca
1.17
#e2ce97
#c7bdca
1.16
#774c0c
#7c7c7c
1.78
#774c0c
#444444
1.3

Image palette Ui product design branding ux colors palette png