Product design system ux ui hex colors

0.32k

Created at 02/12/2020 15:48

The palette consists of Light, Dark, Semi dark colors. Accent colors #1c7cf4 and #9c7cfb. Palette has Cool colors temperature.

By lightness, this palette runs from #0C2444 (darkest) to #B4C7D4 (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #0C2444, #1C7CF4, #283A52, #6C7C8C, #9C7CFB, #B4C7D4

Palette Product design system ux ui hex colors combines 6 color codes:

HEX: #1c7cf4, RGB: (28, 124, 244); HEX: #9c7cfb, RGB: (156, 124, 251); HEX: #0c2444, RGB: (12, 36, 68)

HEX: #6c7c8c, RGB: (108, 124, 140); HEX: #b4c7d4, RGB: (180, 199, 212); HEX: #283a52, RGB: (40, 58, 82)

Simplified version of palette colors

Shade of Steel Blue, Tint of Medium Purple, Shade of Midnight Blue, Shade of Slate Gray, Tint of Light Steel Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Product design system ux ui hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#1c7cf4	#1c7cf4	RGB(28, 124, 244)	—	—
#9c7cfb	#9c7cfb	RGB(156, 124, 251)	—	—
#0c2444	#0c2444	RGB(12, 36, 68)	—	—
#6c7c8c	#6c7c8c	RGB(108, 124, 140)	—	—
#b4c7d4	#b4c7d4	RGB(180, 199, 212)	—	—
#283a52	#283a52	RGB(40, 58, 82)	—	—

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