Wireframe screen ui kit design

0.26k

Created at 11/13/2019 19:04

The palette consists of Light, Semi dark, Dark colors. Accent colors #fc6c3c and #b3c9c8. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #432B26 (darkest) to #B3C9C8 (lightest). The lightness range is moderate.

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

HEX codes (sorted): #432B26, #986A57, #992546, #B3C9C8, #F1A386, #FC6C3C

Palette Wireframe screen ui kit design combines 6 color codes:

HEX: #fc6c3c, RGB: (252, 108, 60); HEX: #f1a386, RGB: (241, 163, 134); HEX: #992546, RGB: (153, 37, 70)

HEX: #986a57, RGB: (152, 106, 87); HEX: #b3c9c8, RGB: (179, 201, 200); HEX: #432b26, RGB: (67, 43, 38)

Simplified version of palette colors

Shade of Coral, Tint of Dark Salmon, Shade of Brown, Tint of Sienna, Shade of Light Blue, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Wireframe screen ui kit design color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fc6c3c	#fc6c3c	RGB(252, 108, 60)	—	—
#f1a386	#f1a386	RGB(241, 163, 134)	—	—
#992546	#992546	RGB(153, 37, 70)	—	—
#986a57	#986a57	RGB(152, 106, 87)	—	—
#b3c9c8	#b3c9c8	RGB(179, 201, 200)	—	—
#432b26	#432b26	RGB(67, 43, 38)	—	—

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