Mobile design minimal ui healthcare responsive colors

  • #b8d844
  • #cedc8f
  • #287c4e
  • #749f55
  • #8fc4ac
  • #373737
  0.27k
Created at 05/13/2020 11:09
The palette consists of Light, Semi dark colors. Accent colors #b8d844 and #cedc8f. Palette has Warm, Cool, Neutral colors temperature.

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

Saturation is mixed — 1 muted and 2 vivid out of 6 colors.

The hues stay in one region of the color wheel, spanning about 82°.

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

HEX codes (sorted): #287C4E, #373737, #749F55, #8FC4AC, #B8D844, #CEDC8F

Palette Mobile design minimal ui healthcare responsive colors combines 6 color codes:
HEX: #b8d844, RGB: (184, 216, 68); HEX: #cedc8f, RGB: (206, 220, 143); HEX: #287c4e, RGB: (40, 124, 78)
HEX: #749f55, RGB: (116, 159, 85); HEX: #8fc4ac, RGB: (143, 196, 172); HEX: #373737, RGB: (55, 55, 55)
Simplified version of palette colors
Tint of Yellowgreen, Shade of palegoldenrod, Shade of seagreen, Tint of olivedrab, Tint of mediumaquamarine, Shade of darkslategrey
Color scheme was created by colorswall

Color codes in palette

Mobile design minimal ui healthcare responsive colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b8d844 #b8d844 RGB(184, 216, 68)——
#cedc8f #cedc8f RGB(206, 220, 143)——
#287c4e #287c4e RGB(40, 124, 78)——
#749f55 #749f55 RGB(116, 159, 85)——
#8fc4ac #8fc4ac RGB(143, 196, 172)——
#373737 #373737 RGB(55, 55, 55)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b8d844
#cedc8f
1.1
#b8d844
#749f55
1.89
#b8d844
#8fc4ac
1.21
#cedc8f
#8fc4ac
1.33
#287c4e
#749f55
1.67
#749f55
#8fc4ac
1.56

Image palette Mobile design minimal ui healthcare responsive colors png