Website design responsive mobile ui palette

  • #9d7f61
  • #ccbcac
  • #524232
  • #9c8c64
  • #ccbcac
  • #50472c
  0.38k
Created at 01/21/2020 09:23
The palette consists of Light, Semi dark colors. Accent colors #524232 and #50472c. Palette has Warm colors temperature.

By lightness, this palette runs from #524232 (darkest) to #CCBCAC (lightest). The lightness range is moderate.

Overall saturation feels mostly muted (lower chroma) — 83% of colors are muted.

An analogous palette: its hues sit close together on the color wheel, within about 15°.

Overall temperature among swatches leans warm (6 of 6).

HEX codes (sorted): #50472C, #524232, #9C8C64, #9D7F61, #CCBCAC

Palette Website design responsive mobile ui palette combines 6 color codes:
HEX: #9d7f61, RGB: (157, 127, 97); HEX: #ccbcac, RGB: (204, 188, 172); HEX: #524232, RGB: (82, 66, 50)
HEX: #9c8c64, RGB: (156, 140, 100); HEX: #ccbcac, RGB: (204, 188, 172); HEX: #50472c, RGB: (80, 71, 44)
Simplified version of palette colors
Shade of Peru, Tint of Tan, Shade of Dim Gray, Shade of Tan, Tint of Tan, Shade of Dark Olive Green
Color scheme was created by colorswall

Color codes in palette

Website design responsive mobile ui palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#9d7f61#9d7f61RGB(157, 127, 97)—Sorrell Brown
#ccbcac#ccbcacRGB(204, 188, 172)——
#524232#524232RGB(82, 66, 50)——
#9c8c64#9c8c64RGB(156, 140, 100)——
#ccbcac#ccbcacRGB(204, 188, 172)——
#50472c#50472cRGB(80, 71, 44)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#9d7f61
#9c8c64
1.12
#ccbcac
#9c8c64
1.78
#ccbcac
#ccbcac
1
#524232
#50472c
1.04
#9c8c64
#ccbcac
1.78

Image palette Website design responsive mobile ui palette png