Web app components product design sidebar colors

0.37k

Created at 12/02/2019 20:01

The palette consists of Semi dark, Light colors. Accent colors #2b5ce4 and #84542c. Palette has Cool, Warm, Neutral colors temperature.

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

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

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

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

HEX codes (sorted): #2B5CE4, #444042, #63997B, #84542C, #9DB4E9, #D0BFB1

Palette Web app components product design sidebar colors combines 6 color codes:

HEX: #2b5ce4, RGB: (43, 92, 228); HEX: #9db4e9, RGB: (157, 180, 233); HEX: #84542c, RGB: (132, 84, 44)

HEX: #63997b, RGB: (99, 153, 123); HEX: #d0bfb1, RGB: (208, 191, 177); HEX: #444042, RGB: (68, 64, 66)

Simplified version of palette colors

Shade of Royal Blue, Shade of Light Steel Blue, Tint of Saddle Brown, Tint of Sea Green, Tint of Silver, Shade of Dim Gray

Color scheme was created by colorswall

Color codes in palette

Web app components product design sidebar colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#2b5ce4	#2b5ce4	RGB(43, 92, 228)	—	—
#9db4e9	#9db4e9	RGB(157, 180, 233)	—	—
#84542c	#84542c	RGB(132, 84, 44)	—	—
#63997b	#63997b	RGB(99, 153, 123)	—	—
#d0bfb1	#d0bfb1	RGB(208, 191, 177)	—	—
#444042	#444042	RGB(68, 64, 66)	—	—

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