Sketch app product design ui systems colours

0.36k

Created at 11/19/2019 22:34

The palette consists of Light, Semi dark colors. Accent colors #048ce4 and #f0665b. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #093E77 (darkest) to #9EC3D2 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 62% across the palette.

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): #048CE4, #093E77, #344C64, #5BB15A, #9EC3D2, #F0665B

Palette Sketch app product design ui systems colours combines 6 color codes:

HEX: #048ce4, RGB: (4, 140, 228); HEX: #f0665b, RGB: (240, 102, 91); HEX: #093e77, RGB: (9, 62, 119)

HEX: #5bb15a, RGB: (91, 177, 90); HEX: #9ec3d2, RGB: (158, 195, 210); HEX: #344c64, RGB: (52, 76, 100)

Simplified version of palette colors

Shade of Dodger Blue, Shade of Tomato, Shade of Dark Slate Blue, Tint of Medium Sea Green, Shade of Light Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Sketch app product design ui systems colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#048ce4	#048ce4	RGB(4, 140, 228)	—	—
#f0665b	#f0665b	RGB(240, 102, 91)	—	—
#093e77	#093e77	RGB(9, 62, 119)	—	—
#5bb15a	#5bb15a	RGB(91, 177, 90)	—	—
#9ec3d2	#9ec3d2	RGB(158, 195, 210)	—	—
#344c64	#344c64	RGB(52, 76, 100)	—	—

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