Uidesign component library design colors palette

0.29k

Created at 09/23/2019 07:14

The palette consists of Light, Dark, Semi dark colors. Accent colors #78ecdc and #d9c8be. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #242C5C (darkest) to #78ECDC (lightest). The lightness range is wide.

Saturation is mixed — 2 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 (5 of 6).

HEX codes (sorted): #242C5C, #2A375F, #4CD4BC, #5C649B, #78ECDC, #D9C8BE

Palette Uidesign component library design colors palette combines 6 color codes:

HEX: #4cd4bc, RGB: (76, 212, 188); HEX: #78ecdc, RGB: (120, 236, 220); HEX: #242c5c, RGB: (36, 44, 92)

HEX: #5c649b, RGB: (92, 100, 155); HEX: #d9c8be, RGB: (217, 200, 190); HEX: #2a375f, RGB: (42, 55, 95)

Simplified version of palette colors

Shade of Turquoise, Tint of Turquoise, Tint of Midnight Blue, Shade of Slate Blue, Shade of Light Gray, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Uidesign component library design colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#4cd4bc	#4cd4bc	RGB(76, 212, 188)	—	—
#78ecdc	#78ecdc	RGB(120, 236, 220)	—	—
#242c5c	#242c5c	RGB(36, 44, 92)	—	—
#5c649b	#5c649b	RGB(92, 100, 155)	—	—
#d9c8be	#d9c8be	RGB(217, 200, 190)	—	—
#2a375f	#2a375f	RGB(42, 55, 95)	—	—

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