Web design landing page ui ux layout colors

0.17k

Created at 10/19/2021 22:52

The palette consists of Light, Semi dark colors. Accent colors #7cd0e4 and #5b3c27. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #3D3D3C (darkest) to #E3EBD3 (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 1 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): #3D3D3C, #5B3C27, #7CD0E4, #9E6E56, #BCCBAB, #E3EBD3

Palette Web design landing page ui ux layout colors combines 6 color codes:

HEX: #7cd0e4, RGB: (124, 208, 228); HEX: #e3ebd3, RGB: (227, 235, 211); HEX: #5b3c27, RGB: (91, 60, 39)

HEX: #9e6e56, RGB: (158, 110, 86); HEX: #bccbab, RGB: (188, 203, 171); HEX: #3d3d3c, RGB: (61, 61, 60)

Simplified version of palette colors

Shade of Sky Blue, Shade of Beige, Shade of Saddle Brown, Tint of Sienna, Tint of Dark Sea Green, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Web design landing page ui ux layout colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#7cd0e4	#7cd0e4	RGB(124, 208, 228)	—	—
#e3ebd3	#e3ebd3	RGB(227, 235, 211)	—	—
#5b3c27	#5b3c27	RGB(91, 60, 39)	—	—
#9e6e56	#9e6e56	RGB(158, 110, 86)	—	—
#bccbab	#bccbab	RGB(188, 203, 171)	—	—
#3d3d3c	#3d3d3c	RGB(61, 61, 60)	—	—

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