Interface design user ux icon colors

0.22k

Created at 04/27/2020 13:28

The palette consists of Semi dark, Light, Dark colors. Accent colors #8c84f3 and #0d0d77. Palette has Cool colors temperature.

By lightness, this palette runs from #0D0D77 (darkest) to #B4BAC4 (lightest). The lightness range is moderate.

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

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

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

HEX codes (sorted): #0D0D77, #242C44, #5453EC, #737782, #8C84F3, #B4BAC4

Palette Interface design user ux icon colors combines 6 color codes:

HEX: #5453ec, RGB: (84, 83, 236); HEX: #8c84f3, RGB: (140, 132, 243); HEX: #0d0d77, RGB: (13, 13, 119)

HEX: #737782, RGB: (115, 119, 130); HEX: #b4bac4, RGB: (180, 186, 196); HEX: #242c44, RGB: (36, 44, 68)

Simplified version of palette colors

Shade of slateblue, Tint of mediumpurple, Tint of Navy, Shade of slategrey, Shade of Silver, Tint of midnightblue

Color scheme was created by colorswall

Color codes in palette

Interface design user ux icon colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#5453ec	#5453ec	RGB(84, 83, 236)	—	—
#8c84f3	#8c84f3	RGB(140, 132, 243)	—	—
#0d0d77	#0d0d77	RGB(13, 13, 119)	—	—
#737782	#737782	RGB(115, 119, 130)	—	—
#b4bac4	#b4bac4	RGB(180, 186, 196)	—	—
#242c44	#242c44	RGB(36, 44, 68)	—	—

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