Landing web page design ux colors palette

0.24k

Created at 03/28/2020 20:17

The palette consists of Semi dark, Light, Dark colors. Accent colors #b4d4fb and #651e2c. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #651E2C (darkest) to #B4D4FB (lightest). The lightness range is moderate.

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

A varied palette: its hues are spread across about 139° of the color wheel.

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

HEX codes (sorted): #3B4353, #651E2C, #86736C, #B4D4FB, #B6C6D5, #BD3953

Palette Landing web page design ux colors palette combines 6 color codes:

HEX: #bd3953, RGB: (189, 57, 83); HEX: #b4d4fb, RGB: (180, 212, 251); HEX: #651e2c, RGB: (101, 30, 44)

HEX: #86736c, RGB: (134, 115, 108); HEX: #b6c6d5, RGB: (182, 198, 213); HEX: #3b4353, RGB: (59, 67, 83)

Simplified version of palette colors

Tint of Crimson, Tint of Light Steel Blue, Tint of Maroon, Shade of Grey, Tint of Light Steel Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Landing web page design ux colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#bd3953	#bd3953	RGB(189, 57, 83)	—	—
#b4d4fb	#b4d4fb	RGB(180, 212, 251)	—	—
#651e2c	#651e2c	RGB(101, 30, 44)	—	—
#86736c	#86736c	RGB(134, 115, 108)	—	—
#b6c6d5	#b6c6d5	RGB(182, 198, 213)	—	—
#3b4353	#3b4353	RGB(59, 67, 83)	—	—

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