Drawer navigation ui interaction colors palette

0.29k

Created at 09/25/2020 08:21

The palette consists of Light, Semi dark colors. Accent colors #497fb5 and #26425e. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #26425E (darkest) to #E4ECF4 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range, averaging 36% across the palette.

An analogous palette: its hues sit close together on the color wheel, within about 2°.

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

HEX codes (sorted): #26425E, #2C4C6C, #497FB5, #748CA7, #ADBBCB, #E4ECF4

Palette Drawer navigation ui interaction colors palette combines 6 color codes:

HEX: #497fb5, RGB: (73, 127, 181); HEX: #e4ecf4, RGB: (228, 236, 244); HEX: #26425e, RGB: (38, 66, 94)

HEX: #748ca7, RGB: (116, 140, 167); HEX: #adbbcb, RGB: (173, 187, 203); HEX: #2c4c6c, RGB: (44, 76, 108)

Simplified version of palette colors

Shade of steelblue, Shade of aliceblue, Shade of darkslateblue, Tint of lightslategrey, Shade of lightsteelblue, Shade of darkslateblue

Color scheme was created by colorswall

Color codes in palette

Drawer navigation ui interaction colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#497fb5	#497fb5	RGB(73, 127, 181)	—	—
#e4ecf4	#e4ecf4	RGB(228, 236, 244)	—	—
#26425e	#26425e	RGB(38, 66, 94)	—	—
#748ca7	#748ca7	RGB(116, 140, 167)	—	—
#adbbcb	#adbbcb	RGB(173, 187, 203)	—	—
#2c4c6c	#2c4c6c	RGB(44, 76, 108)	—	—

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