Landing page design sketchapp ui landingpage colors palette

0.33k

Created at 02/13/2020 14:04

The palette consists of Light, Semi dark colors. Accent colors #89d6f1 and #ac6c64. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #38424D (darkest) to #89D6F1 (lightest). The lightness range is moderate.

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): #346C8E, #38424D, #448CAC, #89D6F1, #AC6C64, #ACACC4

Palette Landing page design sketchapp ui landingpage colors palette combines 6 color codes:

HEX: #448cac, RGB: (68, 140, 172); HEX: #89d6f1, RGB: (137, 214, 241); HEX: #346c8e, RGB: (52, 108, 142)

HEX: #ac6c64, RGB: (172, 108, 100); HEX: #acacc4, RGB: (172, 172, 196); HEX: #38424d, RGB: (56, 66, 77)

Simplified version of palette colors

Tint of Steel Blue, Tint of Sky Blue, Shade of Steel Blue, Tint of Indian Red, Shade of Light Steel Blue, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Landing page design sketchapp ui landingpage colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#448cac	#448cac	RGB(68, 140, 172)	—	—
#89d6f1	#89d6f1	RGB(137, 214, 241)	—	—
#346c8e	#346c8e	RGB(52, 108, 142)	—	—
#ac6c64	#ac6c64	RGB(172, 108, 100)	—	—
#acacc4	#acacc4	RGB(172, 172, 196)	—	—
#38424d	#38424d	RGB(56, 66, 77)	—	—

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