Figma ux mobile app ui colors

0.28k

Created at 12/30/2019 09:33

The palette consists of Light, Semi dark colors. Accent colors #f4fcf4 and #2f4d80. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #343E50 (darkest) to #F4FCF4 (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #2F4D80, #343E50, #5683AF, #89AA5C, #B4C18B, #F4FCF4

Palette Figma ux mobile app ui colors combines 6 color codes:

HEX: #5683af, RGB: (86, 131, 175); HEX: #f4fcf4, RGB: (244, 252, 244); HEX: #2f4d80, RGB: (47, 77, 128)

HEX: #89aa5c, RGB: (137, 170, 92); HEX: #b4c18b, RGB: (180, 193, 139); HEX: #343e50, RGB: (52, 62, 80)

Simplified version of palette colors

Tint of Steel Blue, Shade of Mint Cream, Tint of Dark Slate Blue, Shade of Dark Sea Green, Tint of Dark Khaki, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Figma ux mobile app ui colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#5683af	#5683af	RGB(86, 131, 175)	—	—
#f4fcf4	#f4fcf4	RGB(244, 252, 244)	—	—
#2f4d80	#2f4d80	RGB(47, 77, 128)	—	—
#89aa5c	#89aa5c	RGB(137, 170, 92)	—	—
#b4c18b	#b4c18b	RGB(180, 193, 139)	—	—
#343e50	#343e50	RGB(52, 62, 80)	—	—

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