User experience design ux app colours

0.19k

Created at 05/15/2021 15:39

The palette consists of Light, Dark, Semi dark colors. Accent colors #077dfb and #99a45e. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #142B1C (darkest) to #C7C6C8 (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #077DFB, #142B1C, #386E4B, #48A2F2, #99A45E, #C7C6C8

Palette User experience design ux app colours combines 6 color codes:

HEX: #077dfb, RGB: (7, 125, 251); HEX: #48a2f2, RGB: (72, 162, 242); HEX: #142b1c, RGB: (20, 43, 28)

HEX: #99a45e, RGB: (153, 164, 94); HEX: #c7c6c8, RGB: (199, 198, 200); HEX: #386e4b, RGB: (56, 110, 75)

Simplified version of palette colors

Shade of Dodger Blue, Tint of Dodger Blue, Shade of Dark Slate Gray, Shade of Dark Khaki, Tint of Silver, Shade of Dark Olive Green

Color scheme was created by colorswall

Color codes in palette

User experience design ux app colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#077dfb	#077dfb	RGB(7, 125, 251)	—	—
#48a2f2	#48a2f2	RGB(72, 162, 242)	—	—
#142b1c	#142b1c	RGB(20, 43, 28)	—	—
#99a45e	#99a45e	RGB(153, 164, 94)	—	—
#c7c6c8	#c7c6c8	RGB(199, 198, 200)	—	—
#386e4b	#386e4b	RGB(56, 110, 75)	—	—

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