Landing animation ux colors palette

0.25k

Created at 09/18/2019 06:48

The palette consists of Light, Semi dark colors. Accent colors #29455b and #564e43. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #29455B (darkest) to #D5E2EC (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 28% across the palette.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #29455B, #4F85AF, #564E43, #728A9A, #A2BAC8, #D5E2EC

Palette Landing animation ux colors palette combines 6 color codes:

HEX: #4f85af, RGB: (79, 133, 175); HEX: #d5e2ec, RGB: (213, 226, 236); HEX: #29455b, RGB: (41, 69, 91)

HEX: #728a9a, RGB: (114, 138, 154); HEX: #a2bac8, RGB: (162, 186, 200); HEX: #564e43, RGB: (86, 78, 67)

Simplified version of palette colors

Tint of Steel Blue, Shade of Alice Blue, Shade of Dark Slate Blue, Shade of Light Slate Gray, Shade of Light Steel Blue, Shade of Dim Gray

Color scheme was created by colorswall

Color codes in palette

Landing animation ux colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#4f85af	#4f85af	RGB(79, 133, 175)	—	—
#d5e2ec	#d5e2ec	RGB(213, 226, 236)	—	—
#29455b	#29455b	RGB(41, 69, 91)	—	—
#728a9a	#728a9a	RGB(114, 138, 154)	—	—
#a2bac8	#a2bac8	RGB(162, 186, 200)	—	—
#564e43	#564e43	RGB(86, 78, 67)	—	—

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