Web app design ui colors palette

0.24k

Created at 04/05/2020 19:27

The palette consists of Light, Semi dark colors. Accent colors #a4e4ac and Fortress Grey #b8b8b8. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #365437 (darkest) to #A4E4AC (lightest). The lightness range is moderate.

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

An analogous palette: its hues sit close together on the color wheel, within about 68°.

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

HEX codes (sorted): #226123, #365437, #4BBF4D, #8F8F4B, #A4E4AC, #B8B8B8

Palette Web app design ui colors palette combines 6 color codes:

HEX: #4bbf4d, RGB: (75, 191, 77); HEX: #a4e4ac, RGB: (164, 228, 172); HEX: #226123, RGB: (34, 97, 35)

HEX: #8f8f4b, RGB: (143, 143, 75); HEX: #b8b8b8, RGB: (184, 184, 184); HEX: #365437, RGB: (54, 84, 55)

Simplified version of palette colors

Tint of Lime Green, Tint of Light Green, Tint of Dark Green, Tint of Olive, Shade of Silver, Shade of Dark Olive Green

Color scheme was created by colorswall

Color codes in palette

Web app design ui colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#4bbf4d	#4bbf4d	RGB(75, 191, 77)	—	—
#a4e4ac	#a4e4ac	RGB(164, 228, 172)	—	—
#226123	#226123	RGB(34, 97, 35)	—	—
#8f8f4b	#8f8f4b	RGB(143, 143, 75)	—	—
#b8b8b8	#b8b8b8	RGB(184, 184, 184)	—	Fortress Grey
#365437	#365437	RGB(54, 84, 55)	—	—

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