Created at 04/23/2023 08:07
  66

Icons ui kit figma icon colours

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

By lightness, this palette runs from #000000 (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): #000000, #141414, #B4B4B4, #DCDCDC, #F0F0F0, #FFFFFF

Palette Icons ui kit figma icon colours has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #000000, RGB: (0, 0, 0); HEX: #b4b4b4, RGB: (180, 180, 180)
Simplified version of palette colors
Shade of Black, White, Tint of whitesmoke, Black, Shade of darkgrey
Color scheme was created by palettespicker

Colors codes in palette

Icons ui kit figma icon colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffffff #ffffff RGB(255, 255, 255)White
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#dcdcdc #dcdcdc RGB(220, 220, 220)Gainsboro
#000000 #000000 RGB(0, 0, 0)Black
#b4b4b4 #b4b4b4 RGB(180, 180, 180)Philippine Silver

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#141414
#000000
1.13
#ffffff
#f0f0f0
1.13
#ffffff
#dcdcdc
1.37
#f0f0f0
#dcdcdc
1.2
#f0f0f0
#b4b4b4
1.81
#dcdcdc
#b4b4b4
1.51

Image palette Icons ui kit figma icon colours png