Design ux branding grid layout colors palette

0.43k

Created at 11/27/2019 21:12

The palette consists of Light, Semi dark colors. Accent colors #f4aca4 and #51838a. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5E3825 (darkest) to #F4ACA4 (lightest). The lightness range is moderate.

Saturation is mixed — 1 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 warm (5 of 6).

HEX codes (sorted): #51838A, #5E3825, #AD9560, #CF9F87, #D7B6A9, #F4ACA4

Palette Design ux branding grid layout colors palette combines 6 color codes:

HEX: #cf9f87, RGB: (207, 159, 135); HEX: #f4aca4, RGB: (244, 172, 164); HEX: #5e3825, RGB: (94, 56, 37)

HEX: #ad9560, RGB: (173, 149, 96); HEX: #d7b6a9, RGB: (215, 182, 169); HEX: #51838a, RGB: (81, 131, 138)

Simplified version of palette colors

Shade of Dark Salmon, Shade of Light Pink, Shade of Saddle Brown, Shade of Tan, Shade of Peach Puff, Tint of Dark Cyan

Color scheme was created by colorswall

Color codes in palette

Design ux branding grid layout colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#cf9f87	#cf9f87	RGB(207, 159, 135)	—	—
#f4aca4	#f4aca4	RGB(244, 172, 164)	—	—
#5e3825	#5e3825	RGB(94, 56, 37)	—	—
#ad9560	#ad9560	RGB(173, 149, 96)	—	—
#d7b6a9	#d7b6a9	RGB(215, 182, 169)	—	—
#51838a	#51838a	RGB(81, 131, 138)	—	—

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