System components design ui colours

0.16k

Created at 11/25/2021 08:44

The palette consists of Light, Semi dark colors. Accent colors #7867f9 and #7f6604. Palette has Warm, Cool, Neutral colors temperature.

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

Saturation is mixed — 2 muted and 3 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): #445654, #7867F9, #7F6604, #82A090, #AADAC9, #F9D95B

Palette System components design ui colours combines 6 color codes:

HEX: #f9d95b, RGB: (249, 217, 91); HEX: #7867f9, RGB: (120, 103, 249); HEX: #7f6604, RGB: (127, 102, 4)

HEX: #82a090, RGB: (130, 160, 144); HEX: #aadac9, RGB: (170, 218, 201); HEX: #445654, RGB: (68, 86, 84)

Simplified version of palette colors

Tint of Gold, Shade of Medium Slate Blue, Shade of Olive, Tint of Cadet Blue, Shade of Pale Turquoise, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

System components design ui colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#f9d95b	#f9d95b	RGB(249, 217, 91)	—	—
#7867f9	#7867f9	RGB(120, 103, 249)	—	—
#7f6604	#7f6604	RGB(127, 102, 4)	—	—
#82a090	#82a090	RGB(130, 160, 144)	—	—
#aadac9	#aadac9	RGB(170, 218, 201)	—	—
#445654	#445654	RGB(68, 86, 84)	—	—

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