Created at 09/10/2021 23:25
  0.17k

Website mockup ui design colors

  • #bc7942
  • #d5f1cc
  • #674224
  • #ae8b63
  • #bccc9d
  • #383c36
The palette consists of Light colors. Accent colors #d5f1cc and #674224. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #383C36 (darkest) to #D5F1CC (lightest). The lightness range is wide.

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

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #383C36, #674224, #AE8B63, #BC7942, #BCCC9D, #D5F1CC

Palette Website mockup ui design colors has combination of 6 codes colors:
HEX: #bc7942, RGB: (188, 121, 66); HEX: #d5f1cc, RGB: (213, 241, 204); HEX: #674224, RGB: (103, 66, 36)
HEX: #ae8b63, RGB: (174, 139, 99); HEX: #bccc9d, RGB: (188, 204, 157); HEX: #383c36, RGB: (56, 60, 54)
Simplified version of palette colors
Tint of peru, Tint of honeydew, Tint of saddlebrown, Tint of peru, Shade of darkseagreen, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Website mockup ui design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bc7942 #bc7942 RGB(188, 121, 66)
#d5f1cc #d5f1cc RGB(213, 241, 204)
#674224 #674224 RGB(103, 66, 36)
#ae8b63 #ae8b63 RGB(174, 139, 99)
#bccc9d #bccc9d RGB(188, 204, 157)
#383c36 #383c36 RGB(56, 60, 54)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bc7942
#ae8b63
1.12
#d5f1cc
#bccc9d
1.4
#674224
#383c36
1.27
#ae8b63
#bccc9d
1.83

Image palette Website mockup ui design colors png