Created at 07/01/2020 21:31
  0.23k

Shop design woocommerce ux

  • #b44c5c
  • #dca394
  • #230e19
  • #af7e63
  • #d6b0a5
  • #542f2e
The palette consists of Semi dark, Light, Dark colors. Accent colors #dca394 and #230e19. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #230E19 (darkest) to #D6B0A5 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #230E19, #542F2E, #AF7E63, #B44C5C, #D6B0A5, #DCA394

Palette Shop design woocommerce ux has combination of 6 codes colors:
HEX: #b44c5c, RGB: (180, 76, 92); HEX: #dca394, RGB: (220, 163, 148); HEX: #230e19, RGB: (35, 14, 25)
HEX: #af7e63, RGB: (175, 126, 99); HEX: #d6b0a5, RGB: (214, 176, 165); HEX: #542f2e, RGB: (84, 47, 46)
Simplified version of palette colors
Tint of indianred, Shade of darksalmon, Shade of Black, Tint of peru, Shade of rosybrown, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Shop design woocommerce ux color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b44c5c #b44c5c RGB(180, 76, 92)
#dca394 #dca394 RGB(220, 163, 148)
#230e19 #230e19 RGB(35, 14, 25)
#af7e63 #af7e63 RGB(175, 126, 99)
#d6b0a5 #d6b0a5 RGB(214, 176, 165)
#542f2e #542f2e RGB(84, 47, 46)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b44c5c
#af7e63
1.45
#dca394
#af7e63
1.62
#dca394
#d6b0a5
1.09
#230e19
#542f2e
1.58
#af7e63
#d6b0a5
1.77

Image palette Shop design woocommerce ux png