Web navigation ui breadcrumb ux design on hex colors

0.19k

Created at 12/23/2021 13:27

The palette consists of Light, Semi dark, Dark colors. Accent colors #5d7014 and #242d44. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #242D44 (darkest) to #D4E481 (lightest). The lightness range is wide.

Saturation is mixed — 1 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 warm (3 of 6).

HEX codes (sorted): #242D44, #5D7014, #8CA454, #B4B8C2, #CBE46B, #D4E481

Palette Web navigation ui breadcrumb ux design on hex colors combines 6 color codes:

HEX: #cbe46b, RGB: (203, 228, 107); HEX: #d4e481, RGB: (212, 228, 129); HEX: #5d7014, RGB: (93, 112, 20)

HEX: #8ca454, RGB: (140, 164, 84); HEX: #b4b8c2, RGB: (180, 184, 194); HEX: #242d44, RGB: (36, 45, 68)

Simplified version of palette colors

Tint of Yellow Green, Shade of Khaki, Tint of Dark Olive Green, Tint of Olive Drab, Shade of Silver, Tint of Midnight Blue

Color scheme was created by colorswall

Color codes in palette

Web navigation ui breadcrumb ux design on hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#cbe46b	#cbe46b	RGB(203, 228, 107)	—	—
#d4e481	#d4e481	RGB(212, 228, 129)	—	—
#5d7014	#5d7014	RGB(93, 112, 20)	—	—
#8ca454	#8ca454	RGB(140, 164, 84)	—	—
#b4b8c2	#b4b8c2	RGB(180, 184, 194)	—	—
#242d44	#242d44	RGB(36, 45, 68)	—	—

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