Flat app illustration ui colors palette

0.15k

Created at 08/14/2022 05:59

The palette consists of Light, Semi dark colors. Accent colors Aero #80c3ec and Dark Brown #5b4a22. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #4F3C32 (darkest) to #80C3EC (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 2 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): #3495CB, #4F3C32, #5490A4, #5B4A22, #80C3EC, #A5B8D0

Palette Flat app illustration ui colors palette combines 6 color codes:

HEX: #3495cb, RGB: (52, 149, 203); HEX: #80c3ec, RGB: (128, 195, 236); HEX: #5b4a22, RGB: (91, 74, 34)

HEX: #5490a4, RGB: (84, 144, 164); HEX: #a5b8d0, RGB: (165, 184, 208); HEX: #4f3c32, RGB: (79, 60, 50)

Simplified version of palette colors

Tint of Dodger Blue, Shade of Light Sky Blue, Shade of Saddle Brown, Shade of Cadet Blue, Shade of Light Steel Blue, Shade of Dim Gray

Color scheme was created by colorswall

Color codes in palette

Flat app illustration ui colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3495cb	#3495cb	RGB(52, 149, 203)	Celestial Blue	—
#80c3ec	#80c3ec	RGB(128, 195, 236)	Aero	—
#5b4a22	#5b4a22	RGB(91, 74, 34)	Dark Brown	—
#5490a4	#5490a4	RGB(84, 144, 164)	Rackley	—
#a5b8d0	#a5b8d0	RGB(165, 184, 208)	Gray	Cashmere Blue
#4f3c32	#4f3c32	RGB(79, 60, 50)	Royal Brown	—

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