Loading...
Created at 04/23/2023 18:16
  67

Product design typography ux animation

  • Black
    #141414
  • Anti-Flash White
    #f0f0f0
  • Gainsboro
    #dcdcdc
  • Chinese Silver
    #c8c8c8
  • Light Periwinkle
    #c8c8dc
  • White
    #ffffff
Loading...
The palette consists of Dark, Light colors. Accent colors Light Periwinkle #c8c8dc and White #ffffff. Palette has Neutral, Cool 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).

Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #141414, #C8C8C8, #C8C8DC, #DCDCDC, #F0F0F0, #FFFFFF

Palette Product design typography ux animation has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #dcdcdc, RGB: (220, 220, 220)
HEX: #c8c8c8, RGB: (200, 200, 200); HEX: #c8c8dc, RGB: (200, 200, 220); HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Shade of Black, Tint of whitesmoke, Shade of Silver, Tint of lavender, White
Color scheme was created by colorhunt

Colors codes in palette

Product design typography ux animation color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#141414 #141414 RGB(20, 20, 20)BlackSooty
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#dcdcdc #dcdcdc RGB(220, 220, 220)Gainsboro
#c8c8c8 #c8c8c8 RGB(200, 200, 200)Chinese Silver
#c8c8dc #c8c8dc RGB(200, 200, 220)Light Periwinkle
#ffffff #ffffff RGB(255, 255, 255)White

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f0f0f0
#dcdcdc
1.2
#f0f0f0
#c8c8c8
1.46
#f0f0f0
#c8c8dc
1.44
#f0f0f0
#ffffff
1.13
#dcdcdc
#c8c8c8
1.22
#dcdcdc
#c8c8dc
1.2

Image palette Product design typography ux animation png

Loading...
Loading...
Loading...