Mobile app design cards ux payment colors palette

0.23k

Created at 08/11/2020 14:15

The palette consists of Light, Semi dark colors. Accent colors #c4f49c and #176c63. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #445044 (darkest) to #C4F49C (lightest). The lightness range is moderate.

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

HEX codes (sorted): #176C63, #3CD4C4, #445044, #9A6B59, #C4F49C, #DDE0C6

Palette Mobile app design cards ux payment colors palette combines 6 color codes:

HEX: #3cd4c4, RGB: (60, 212, 196); HEX: #c4f49c, RGB: (196, 244, 156); HEX: #176c63, RGB: (23, 108, 99)

HEX: #9a6b59, RGB: (154, 107, 89); HEX: #dde0c6, RGB: (221, 224, 198); HEX: #445044, RGB: (68, 80, 68)

Simplified version of palette colors

Shade of Turquoise, Tint of Pale Green, Shade of Teal, Tint of Sienna, Shade of Beige, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Mobile app design cards ux payment colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3cd4c4	#3cd4c4	RGB(60, 212, 196)	—	—
#c4f49c	#c4f49c	RGB(196, 244, 156)	—	—
#176c63	#176c63	RGB(23, 108, 99)	—	—
#9a6b59	#9a6b59	RGB(154, 107, 89)	—	—
#dde0c6	#dde0c6	RGB(221, 224, 198)	—	—
#445044	#445044	RGB(68, 80, 68)	—	—

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