Interaction design visual mobile palette

0.27k

Created at 09/11/2020 11:17

The palette consists of Light, Dark, Semi dark colors. Accent colors #eccd61 and #e5cd7f. Palette has Warm, Neutral colors temperature.

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

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

An analogous palette: its hues sit close together on the color wheel, within about 57°.

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

HEX codes (sorted): #1C0C0C, #343C34, #9C8C64, #D1CFAC, #E5CD7F, #ECCD61

Palette Interaction design visual mobile palette combines 6 color codes:

HEX: #eccd61, RGB: (236, 205, 97); HEX: #e5cd7f, RGB: (229, 205, 127); HEX: #1c0c0c, RGB: (28, 12, 12)

HEX: #9c8c64, RGB: (156, 140, 100); HEX: #d1cfac, RGB: (209, 207, 172); HEX: #343c34, RGB: (52, 60, 52)

Simplified version of palette colors

Shade of Gold, Shade of Khaki, Tint of Black, Shade of Tan, Shade of Pale Goldenrod, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

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

Color	HEX	RGB	Name	Alternative name
#eccd61	#eccd61	RGB(236, 205, 97)	—	—
#e5cd7f	#e5cd7f	RGB(229, 205, 127)	—	—
#1c0c0c	#1c0c0c	RGB(28, 12, 12)	—	—
#9c8c64	#9c8c64	RGB(156, 140, 100)	—	—
#d1cfac	#d1cfac	RGB(209, 207, 172)	—	—
#343c34	#343c34	RGB(52, 60, 52)	—	—

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