Design application icon ux colors palette

0.23k

Created at 11/04/2019 17:35

The palette consists of Light, Dark, Semi dark colors. Accent colors #f9996c and #153383. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #132E75 (darkest) to #B5C9D3 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 83% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

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

HEX codes (sorted): #132E75, #153383, #207872, #3BCAC1, #B5C9D3, #F9996C

Palette Design application icon ux colors palette combines 6 color codes:

HEX: #3bcac1, RGB: (59, 202, 193); HEX: #f9996c, RGB: (249, 153, 108); HEX: #132e75, RGB: (19, 46, 117)

HEX: #207872, RGB: (32, 120, 114); HEX: #b5c9d3, RGB: (181, 201, 211); HEX: #153383, RGB: (21, 51, 131)

Simplified version of palette colors

Shade of Medium Turquoise, Shade of Light Salmon, Tint of Midnight Blue, Tint of Teal, Shade of Light Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Design application icon ux colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3bcac1	#3bcac1	RGB(59, 202, 193)	—	—
#f9996c	#f9996c	RGB(249, 153, 108)	—	—
#132e75	#132e75	RGB(19, 46, 117)	—	—
#207872	#207872	RGB(32, 120, 114)	—	—
#b5c9d3	#b5c9d3	RGB(181, 201, 211)	—	English Hollyhock
#153383	#153383	RGB(21, 51, 131)	—	—

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