Animation ui motion ux palette

0.15k

Created at 10/21/2021 13:03

The palette consists of Light, Semi dark colors. Accent colors #8c955e and #494c34. Palette has Neutral, Warm colors temperature.

By lightness, this palette runs from #3B4842 (darkest) to #B6C3BC (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 (4 of 6).

HEX codes (sorted): #3B4842, #494C34, #738B7F, #8C955E, #A4B4AC, #B6C3BC

Palette Animation ui motion ux palette combines 6 color codes:

HEX: #738b7f, RGB: (115, 139, 127); HEX: #b6c3bc, RGB: (182, 195, 188); HEX: #3b4842, RGB: (59, 72, 66)

HEX: #8c955e, RGB: (140, 149, 94); HEX: #a4b4ac, RGB: (164, 180, 172); HEX: #494c34, RGB: (73, 76, 52)

Simplified version of palette colors

Shade of Cadet Blue, Shade of Silver, Shade of Dark Slate Gray, Tint of Olive Drab, Tint of Dark Gray, Shade of Dark Olive Green

Color scheme was created by colorswall

Color codes in palette

Animation ui motion ux palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#738b7f	#738b7f	RGB(115, 139, 127)	—	—
#b6c3bc	#b6c3bc	RGB(182, 195, 188)	—	—
#3b4842	#3b4842	RGB(59, 72, 66)	—	—
#8c955e	#8c955e	RGB(140, 149, 94)	—	—
#a4b4ac	#a4b4ac	RGB(164, 180, 172)	—	—
#494c34	#494c34	RGB(73, 76, 52)	—	—

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