Xbox design onboarding screen minimal ui

0.26k

Created at 05/13/2021 12:41

The palette consists of Light, Dark, Semi dark colors. Accent colors #2f94bc and #e4e072. Palette has Cool, Warm, Neutral colors temperature.

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

Saturation is mixed — 3 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 warm (4 of 6).

HEX codes (sorted): #101323, #2F94BC, #4E4C34, #918C59, #C8CFB2, #E4E072

Palette Xbox design onboarding screen minimal ui combines 6 color codes:

HEX: #2f94bc, RGB: (47, 148, 188); HEX: #e4e072, RGB: (228, 224, 114); HEX: #101323, RGB: (16, 19, 35)

HEX: #918c59, RGB: (145, 140, 89); HEX: #c8cfb2, RGB: (200, 207, 178); HEX: #4e4c34, RGB: (78, 76, 52)

Simplified version of palette colors

Tint of Steel Blue, Shade of Khaki, Tint of Black, Tint of Olive, Shade of Beige, Shade of Dark Olive Green

Color scheme was created by colorswall

Color codes in palette

Xbox design onboarding screen minimal ui color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#2f94bc	#2f94bc	RGB(47, 148, 188)	—	—
#e4e072	#e4e072	RGB(228, 224, 114)	—	—
#101323	#101323	RGB(16, 19, 35)	—	—
#918c59	#918c59	RGB(145, 140, 89)	—	—
#c8cfb2	#c8cfb2	RGB(200, 207, 178)	—	—
#4e4c34	#4e4c34	RGB(78, 76, 52)	—	—

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

Text Color	Background Color	Contrast Ratio
#2f94bc	#918c59	1
#e4e072	#c8cfb2	1.16