Website design gradient ux palette

0.21k

Created at 05/13/2020 12:44

The palette consists of Light, Semi dark, Dark colors. Accent colors #bf8d5d and #164073. Palette has Warm, Cool colors temperature.

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

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #164073, #312620, #5F92B2, #BF8D5D, #C88FC6, #E39FC9

Palette Website design gradient ux palette combines 6 color codes:

HEX: #bf8d5d, RGB: (191, 141, 93); HEX: #e39fc9, RGB: (227, 159, 201); HEX: #164073, RGB: (22, 64, 115)

HEX: #5f92b2, RGB: (95, 146, 178); HEX: #c88fc6, RGB: (200, 143, 198); HEX: #312620, RGB: (49, 38, 32)

Simplified version of palette colors

Tint of Peru, Shade of Plum, Shade of Dark Slate Blue, Tint of Steel Blue, Shade of Plum, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Website design gradient ux palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#bf8d5d	#bf8d5d	RGB(191, 141, 93)	—	—
#e39fc9	#e39fc9	RGB(227, 159, 201)	—	—
#164073	#164073	RGB(22, 64, 115)	—	—
#5f92b2	#5f92b2	RGB(95, 146, 178)	—	—
#c88fc6	#c88fc6	RGB(200, 143, 198)	—	—
#312620	#312620	RGB(49, 38, 32)	—	—

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