App uxui log in design colors palette

  • Gray (HTML/CSS Gray)
    #797985
  • Gray (X11)
    #b9b9bf
  • Arsenic
    #3f3f45
  • Gray (HTML/CSS Gray)
    #7c8484
  • Gray (X11)
    #bcbcc2
  • Gray
    #444444
  0.13k
Created at 09/02/2022 17:08
The palette consists of Light, Semi dark colors. Accent colors Gray (HTML/CSS Gray) #797985 and Gray #444444. Palette has Neutral colors temperature.

By lightness, this palette runs from #3F3F45 (darkest) to #BCBCC2 (lightest). The lightness range is moderate.

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

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Most swatches read as neutral in color temperature (6 of 6).

HEX codes (sorted): #3F3F45, #444444, #797985, #7C8484, #B9B9BF, #BCBCC2

Palette App uxui log in design colors palette combines 6 color codes:
HEX: #797985, RGB: (121, 121, 133); HEX: #b9b9bf, RGB: (185, 185, 191); HEX: #3f3f45, RGB: (63, 63, 69)
HEX: #7c8484, RGB: (124, 132, 132); HEX: #bcbcc2, RGB: (188, 188, 194); HEX: #444444, RGB: (68, 68, 68)
Simplified version of palette colors
Shade of Grey, Shade of Silver, Shade of Dark Slate Gray, Tint of Grey, Shade of Silver, Shade of Dim Gray
Color scheme was created by colorswall

Color codes in palette

App uxui log in design colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#797985#797985RGB(121, 121, 133)Gray (HTML/CSS Gray)—
#b9b9bf#b9b9bfRGB(185, 185, 191)Gray (X11)—
#3f3f45#3f3f45RGB(63, 63, 69)Arsenic—
#7c8484#7c8484RGB(124, 132, 132)Gray (HTML/CSS Gray)—
#bcbcc2#bcbcc2RGB(188, 188, 194)Gray (X11)—
#444444#444444RGB(68, 68, 68)GrayGoshawk Grey

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#797985
#7c8484
1.12
#b9b9bf
#7c8484
1.95
#b9b9bf
#bcbcc2
1.03
#3f3f45
#444444
1.07

Image palette App uxui log in design colors palette png