App design adobe xd ui colors

0.26k

Created at 12/27/2019 14:52

The palette consists of Light, Dark colors. Accent colors #fbdb74 and #100644. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #100644 (darkest) to #FBDB74 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range, averaging 64% across the palette.

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

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #100644, #30285B, #54B373, #DCB4B4, #F7C025, #FBDB74

Palette App design adobe xd ui colors combines 6 color codes:

HEX: #f7c025, RGB: (247, 192, 37); HEX: #fbdb74, RGB: (251, 219, 116); HEX: #100644, RGB: (16, 6, 68)

HEX: #54b373, RGB: (84, 179, 115); HEX: #dcb4b4, RGB: (220, 180, 180); HEX: #30285b, RGB: (48, 40, 91)

Simplified version of palette colors

Shade of Gold, Shade of Khaki, Shade of Midnight Blue, Tint of Medium Sea Green, Shade of Pink, Tint of Midnight Blue

Color scheme was created by colorswall

Color codes in palette

App design adobe xd ui colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#f7c025	#f7c025	RGB(247, 192, 37)	—	—
#fbdb74	#fbdb74	RGB(251, 219, 116)	—	—
#100644	#100644	RGB(16, 6, 68)	—	—
#54b373	#54b373	RGB(84, 179, 115)	—	—
#dcb4b4	#dcb4b4	RGB(220, 180, 180)	—	—
#30285b	#30285b	RGB(48, 40, 91)	—	—

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