Interaction product design mobile app palette

0.16k

Created at 05/06/2020 08:42

The palette consists of Light, Semi dark colors. Accent colors #09d5e1 and #efdb8a. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #31575D (darkest) to #EFDB8A (lightest). The lightness range is moderate.

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

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

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

HEX codes (sorted): #09BCC4, #09D5E1, #31575D, #4E9483, #BD99C6, #EFDB8A

Palette Interaction product design mobile app palette combines 6 color codes:

HEX: #09d5e1, RGB: (9, 213, 225); HEX: #efdb8a, RGB: (239, 219, 138); HEX: #09bcc4, RGB: (9, 188, 196)

HEX: #4e9483, RGB: (78, 148, 131); HEX: #bd99c6, RGB: (189, 153, 198); HEX: #31575d, RGB: (49, 87, 93)

Simplified version of palette colors

Tint of Dark Turquoise, Shade of Khaki, Shade of Dark Turquoise, Shade of Cadet Blue, Shade of Plum, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Interaction product design mobile app palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#09d5e1	#09d5e1	RGB(9, 213, 225)	—	—
#efdb8a	#efdb8a	RGB(239, 219, 138)	—	—
#09bcc4	#09bcc4	RGB(9, 188, 196)	—	—
#4e9483	#4e9483	RGB(78, 148, 131)	—	—
#bd99c6	#bd99c6	RGB(189, 153, 198)	—	—
#31575d	#31575d	RGB(49, 87, 93)	—	—

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