Ios design android navigation bar ux palette

0.28k

Created at 09/30/2020 15:45

The palette consists of Semi dark, Light colors. Accent colors #7cc6e3 and #8b255b. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #343444 (darkest) to #7CC6E3 (lightest). The lightness range is moderate.

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

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

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

HEX codes (sorted): #343444, #4E7EA9, #7CC6E3, #8B255B, #C03C64, #C1B0CE

Palette Ios design android navigation bar ux palette combines 6 color codes:

HEX: #c03c64, RGB: (192, 60, 100); HEX: #7cc6e3, RGB: (124, 198, 227); HEX: #8b255b, RGB: (139, 37, 91)

HEX: #4e7ea9, RGB: (78, 126, 169); HEX: #c1b0ce, RGB: (193, 176, 206); HEX: #343444, RGB: (52, 52, 68)

Simplified version of palette colors

Tint of Medium Violet Red, Shade of Sky Blue, Tint of Purple, Shade of Steel Blue, Shade of Thistle, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Ios design android navigation bar ux palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#c03c64	#c03c64	RGB(192, 60, 100)	—	—
#7cc6e3	#7cc6e3	RGB(124, 198, 227)	—	—
#8b255b	#8b255b	RGB(139, 37, 91)	—	—
#4e7ea9	#4e7ea9	RGB(78, 126, 169)	—	—
#c1b0ce	#c1b0ce	RGB(193, 176, 206)	—	—
#343444	#343444	RGB(52, 52, 68)	—	—

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