Mobile uidesign uxdesign interface colors

0.19k

Created at 12/21/2019 19:27

The palette consists of Light, Semi dark, Dark colors. Accent colors #fcfc6c and #044ccc. Palette has Warm, Cool, Neutral colors temperature.

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

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #044CCC, #0C0C1C, #809D5D, #C4C6B9, #F0F10B, #FCFC6C

Palette Mobile uidesign uxdesign interface colors combines 6 color codes:

HEX: #f0f10b, RGB: (240, 241, 11); HEX: #fcfc6c, RGB: (252, 252, 108); HEX: #044ccc, RGB: (4, 76, 204)

HEX: #809d5d, RGB: (128, 157, 93); HEX: #c4c6b9, RGB: (196, 198, 185); HEX: #0c0c1c, RGB: (12, 12, 28)

Simplified version of palette colors

Shade of Yellow, Tint of Yellow, Shade of Slate Blue, Tint of Olive Drab, Tint of Silver, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Mobile uidesign uxdesign interface colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#f0f10b	#f0f10b	RGB(240, 241, 11)	—	—
#fcfc6c	#fcfc6c	RGB(252, 252, 108)	—	—
#044ccc	#044ccc	RGB(4, 76, 204)	—	—
#809d5d	#809d5d	RGB(128, 157, 93)	—	—
#c4c6b9	#c4c6b9	RGB(196, 198, 185)	—	—
#0c0c1c	#0c0c1c	RGB(12, 12, 28)	—	—

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