Admin dashboard design vuejs colors palette

0.21k

Created at 07/30/2020 06:37

The palette consists of Semi dark, Light colors. Accent colors #6044c0 and #927eed. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #382F57 (darkest) to #BAAFC9 (lightest). The lightness range is moderate.

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

The hues stay in one region of the color wheel, spanning about 99°.

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

HEX codes (sorted): #382F57, #4C2C68, #6044C0, #927EED, #A0616C, #BAAFC9

Palette Admin dashboard design vuejs colors palette combines 6 color codes:

HEX: #6044c0, RGB: (96, 68, 192); HEX: #927eed, RGB: (146, 126, 237); HEX: #4c2c68, RGB: (76, 44, 104)

HEX: #a0616c, RGB: (160, 97, 108); HEX: #baafc9, RGB: (186, 175, 201); HEX: #382f57, RGB: (56, 47, 87)

Simplified version of palette colors

Shade of Slate Blue, Tint of Medium Purple, Shade of Dark Slate Blue, Shade of Indian Red, Shade of Thistle, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Admin dashboard design vuejs colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#6044c0	#6044c0	RGB(96, 68, 192)	—	—
#927eed	#927eed	RGB(146, 126, 237)	—	—
#4c2c68	#4c2c68	RGB(76, 44, 104)	—	—
#a0616c	#a0616c	RGB(160, 97, 108)	—	—
#baafc9	#baafc9	RGB(186, 175, 201)	—	—
#382f57	#382f57	RGB(56, 47, 87)	—	—

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