Created at 05/06/2020 11:59

Product design ux landing page colors

The palette consists of Light, Dark colors. Accent colors #0684e0 and #700b16. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #700B16 (darkest) to #C7E592 (lightest). The lightness range is moderate.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

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

HEX codes (sorted): #0684E0, #3E424E, #627C8F, #700B16, #ACCBAC, #C7E592

Palette Product design ux landing page colors has combination of 6 codes colors:

HEX: #0684e0, RGB: (6, 132, 224); HEX: #c7e592, RGB: (199, 229, 146); HEX: #700b16, RGB: (112, 11, 22)

HEX: #627c8f, RGB: (98, 124, 143); HEX: #accbac, RGB: (172, 203, 172); HEX: #3e424e, RGB: (62, 66, 78)

Simplified version of palette colors

Tint of steelblue, Tint of palegoldenrod, Shade of Maroon, Tint of slategrey, Shade of darkseagreen, Tint of darkslategrey

Color scheme was created by colorswall

Colors codes in palette

Product design ux landing page colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#0684e0	#0684e0	RGB(6, 132, 224)	—	—
#c7e592	#c7e592	RGB(199, 229, 146)	—	—
#700b16	#700b16	RGB(112, 11, 22)	—	—
#627c8f	#627c8f	RGB(98, 124, 143)	—	—
#accbac	#accbac	RGB(172, 203, 172)	—	—
#3e424e	#3e424e	RGB(62, 66, 78)	—	—

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