Hero digital interface ux colors palette

0.16k

Created at 01/17/2022 18:12

The palette consists of Light, Dark colors. Accent colors #efe80f and #440582. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #222E15 (darkest) to #EFE80F (lightest). The lightness range is wide.

Saturation is mixed — 1 muted and 3 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 (3 of 6).

HEX codes (sorted): #222E15, #440582, #6CB685, #E1A17D, #E1E0D4, #EFE80F

Palette Hero digital interface ux colors palette combines 6 color codes:

HEX: #efe80f, RGB: (239, 232, 15); HEX: #e1a17d, RGB: (225, 161, 125); HEX: #440582, RGB: (68, 5, 130)

HEX: #6cb685, RGB: (108, 182, 133); HEX: #e1e0d4, RGB: (225, 224, 212); HEX: #222e15, RGB: (34, 46, 21)

Simplified version of palette colors

Shade of Yellow, Tint of darksalmon, Tint of indigo, Tint of mediumseagreen, Shade of oldlace, Shade of darkslategrey

Color scheme was created by colorswall

Color codes in palette

Hero digital interface ux colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#efe80f	#efe80f	RGB(239, 232, 15)	—	—
#e1a17d	#e1a17d	RGB(225, 161, 125)	—	—
#440582	#440582	RGB(68, 5, 130)	—	—
#6cb685	#6cb685	RGB(108, 182, 133)	—	—
#e1e0d4	#e1e0d4	RGB(225, 224, 212)	—	—
#222e15	#222e15	RGB(34, 46, 21)	—	—

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