Created at 12/26/2019 18:32

Onboarding screen design walkthroughs ui colors palette

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

By lightness, this palette runs from #2C5F56 (darkest) to #CBD6B8 (lightest). The lightness range is moderate.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm (4 of 6).

HEX codes (sorted): #2C5F56, #7C9618, #AD8260, #CBD6B8, #D7623C, #F3CC6B

Palette Onboarding screen design walkthroughs ui colors palette has combination of 6 codes colors:

HEX: #d7623c, RGB: (215, 98, 60); HEX: #f3cc6b, RGB: (243, 204, 107); HEX: #7c9618, RGB: (124, 150, 24)

HEX: #ad8260, RGB: (173, 130, 96); HEX: #cbd6b8, RGB: (203, 214, 184); HEX: #2c5f56, RGB: (44, 95, 86)

Simplified version of palette colors

Tint of tomato, Shade of gold, Shade of olivedrab, Tint of peru, Tint of beige, Shade of darkslategrey

Color scheme was created by colorswall

Colors codes in palette

Onboarding screen design walkthroughs ui colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#d7623c	#d7623c	RGB(215, 98, 60)	—	—
#f3cc6b	#f3cc6b	RGB(243, 204, 107)	—	—
#7c9618	#7c9618	RGB(124, 150, 24)	—	—
#ad8260	#ad8260	RGB(173, 130, 96)	—	—
#cbd6b8	#cbd6b8	RGB(203, 214, 184)	—	—
#2c5f56	#2c5f56	RGB(44, 95, 86)	—	—

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