Product design wireframes ux data colors palette

0.2k

Created at 10/26/2021 09:01

The palette consists of Light, Semi dark colors. Accent colors #3cac6c and #f4bcb4. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #183C28 (darkest) to #F4BCB4 (lightest). The lightness range is moderate.

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

HEX codes (sorted): #183C28, #2C4434, #3CAC6C, #9C5C64, #B5B5C6, #F4BCB4

Palette Product design wireframes ux data colors palette combines 6 color codes:

HEX: #3cac6c, RGB: (60, 172, 108); HEX: #f4bcb4, RGB: (244, 188, 180); HEX: #183c28, RGB: (24, 60, 40)

HEX: #9c5c64, RGB: (156, 92, 100); HEX: #b5b5c6, RGB: (181, 181, 198); HEX: #2c4434, RGB: (44, 68, 52)

Simplified version of palette colors

Shade of mediumseagreen, Shade of lightpink, Shade of darkslategrey, Shade of indianred, Shade of lightsteelblue, Shade of darkslategrey

Color scheme was created by colorswall

Color codes in palette

Product design wireframes ux data colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3cac6c	#3cac6c	RGB(60, 172, 108)	—	—
#f4bcb4	#f4bcb4	RGB(244, 188, 180)	—	—
#183c28	#183c28	RGB(24, 60, 40)	—	—
#9c5c64	#9c5c64	RGB(156, 92, 100)	—	—
#b5b5c6	#b5b5c6	RGB(181, 181, 198)	—	—
#2c4434	#2c4434	RGB(44, 68, 52)	—	—

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