Created at 06/17/2023 09:03
  26

App ux product design colors

  • White
    #ffffff
  • Black
    #141414
  • Anti-Flash White
    #f0f0f0
  • Black
    #282828
  • Gainsboro
    #dcdcdc
  • Quick Silver
    #a0a0a0
The palette consists of Light, Dark colors. Accent colors White #ffffff and Anti-Flash White #f0f0f0. Palette has Neutral colors temperature.

By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma).

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

Most swatches read as neutral in color temperature.

HEX codes (sorted): #141414, #282828, #A0A0A0, #DCDCDC, #F0F0F0, #FFFFFF

Palette App ux product design colors has combination of 6 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #282828, RGB: (40, 40, 40); HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #a0a0a0, RGB: (160, 160, 160)
Simplified version of palette colors
White, Shade of Black, Tint of whitesmoke, Shade of Black, Tint of darkgrey
Color scheme was created by colorstudio

Colors codes in palette

App ux product design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)White
#141414 #141414 RGB(20, 20, 20)BlackSooty
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#282828 #282828 RGB(40, 40, 40)BlackDire Wolf
#dcdcdc #dcdcdc RGB(220, 220, 220)Gainsboro
#a0a0a0 #a0a0a0 RGB(160, 160, 160)Quick Silver

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#f0f0f0
1.13
#ffffff
#dcdcdc
1.37
#141414
#282828
1.24
#f0f0f0
#dcdcdc
1.2
#dcdcdc
#a0a0a0
1.9

Image palette App ux product design colors png