Interaction design gif ui animation colours

0.23k

Created at 11/15/2019 22:42

The palette consists of Light, Dark colors. Accent colors #f8b2c8 and #780c0e. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #F8B2C8 (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 3 vivid out of 6 colors.

A varied palette: its hues are spread across about 122° of the color wheel.

Overall temperature among swatches leans warm (3 of 6).

HEX codes (sorted): #0C0C0C, #780C0E, #8588BC, #B7A9A6, #E92429, #F8B2C8

Palette Interaction design gif ui animation colours combines 6 color codes:

HEX: #e92429, RGB: (233, 36, 41); HEX: #f8b2c8, RGB: (248, 178, 200); HEX: #780c0e, RGB: (120, 12, 14)

HEX: #8588bc, RGB: (133, 136, 188); HEX: #b7a9a6, RGB: (183, 169, 166); HEX: #0c0c0c, RGB: (12, 12, 12)

Simplified version of palette colors

Tint of Red, Shade of Light Pink, Tint of Maroon, Tint of Medium Purple, Tint of Dark Gray, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Interaction design gif ui animation colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#e92429	#e92429	RGB(233, 36, 41)	—	—
#f8b2c8	#f8b2c8	RGB(248, 178, 200)	—	—
#780c0e	#780c0e	RGB(120, 12, 14)	—	—
#8588bc	#8588bc	RGB(133, 136, 188)	—	—
#b7a9a6	#b7a9a6	RGB(183, 169, 166)	—	—
#0c0c0c	#0c0c0c	RGB(12, 12, 12)	—	Black Wash

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