Product design typography ux animation

Created at 04/23/2023 18:16

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) — 100% of colors are muted.

Only one color carries a distinct hue; the rest are neutrals or grays.

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

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

Palette Product design typography ux animation combines 6 color codes:

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

Tint of Black, Shade of whitesmoke, Tint of Silver, Shade of lavender, White

Color scheme was created by colorhunt

Color 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)	Black	Sooty
#f0f0f0	#f0f0f0	RGB(240, 240, 240)	Anti-Flash White	Gray94
#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	—

10 color pairs have low contrast and need improvement which may impact readability.