Mobile navigation dark ui colours

0.24k

Created at 12/29/2019 23:07

The palette consists of Light, Semi dark colors. Accent colors #27c5c4 and #d95255. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #603434 (darkest) to #B2BC9D (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 2 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 (3 warm, 3 cool).

HEX codes (sorted): #27C5C4, #286A62, #603434, #A19858, #B2BC9D, #D95255

Palette Mobile navigation dark ui colours combines 6 color codes:

HEX: #27c5c4, RGB: (39, 197, 196); HEX: #d95255, RGB: (217, 82, 85); HEX: #286a62, RGB: (40, 106, 98)

HEX: #a19858, RGB: (161, 152, 88); HEX: #b2bc9d, RGB: (178, 188, 157); HEX: #603434, RGB: (96, 52, 52)

Simplified version of palette colors

Tint of Dark Turquoise, Shade of Indian Red, Shade of Teal, Shade of Dark Khaki, Tint of Dark Sea Green, Tint of Maroon

Color scheme was created by colorswall

Color codes in palette

Mobile navigation dark ui colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#27c5c4	#27c5c4	RGB(39, 197, 196)	—	—
#d95255	#d95255	RGB(217, 82, 85)	—	—
#286a62	#286a62	RGB(40, 106, 98)	—	—
#a19858	#a19858	RGB(161, 152, 88)	—	—
#b2bc9d	#b2bc9d	RGB(178, 188, 157)	—	—
#603434	#603434	RGB(96, 52, 52)	—	—

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