Checkout process train ui page colors palette

0.27k

Created at 08/15/2020 05:47

The palette consists of Semi dark, Light, Dark colors. Accent colors #04344c and #8c6c5c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #04344C (darkest) to #C7E1AF (lightest). The lightness range is wide.

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

HEX codes (sorted): #04344C, #2F596A, #38324A, #8C6C5C, #B4CBA0, #C7E1AF

Palette Checkout process train ui page colors palette combines 6 color codes:

HEX: #2f596a, RGB: (47, 89, 106); HEX: #c7e1af, RGB: (199, 225, 175); HEX: #04344c, RGB: (4, 52, 76)

HEX: #8c6c5c, RGB: (140, 108, 92); HEX: #b4cba0, RGB: (180, 203, 160); HEX: #38324a, RGB: (56, 50, 74)

Simplified version of palette colors

Tint of Dark Slate Gray, Shade of Pale Goldenrod, Tint of Midnight Blue, Tint of Sienna, Tint of Dark Sea Green, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Checkout process train ui page colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#2f596a	#2f596a	RGB(47, 89, 106)	—	—
#c7e1af	#c7e1af	RGB(199, 225, 175)	—	—
#04344c	#04344c	RGB(4, 52, 76)	—	—
#8c6c5c	#8c6c5c	RGB(140, 108, 92)	—	—
#b4cba0	#b4cba0	RGB(180, 203, 160)	—	—
#38324a	#38324a	RGB(56, 50, 74)	—	—

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