User flow wireframes user story colours

0.29k

Created at 10/31/2019 08:02

The palette consists of Light, Semi dark colors. Accent colors #1c685e and #bcbcbc. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #4E4E4E (darkest) to #F4FCFB (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 0°.

Most swatches read as neutral in color temperature (4 of 6).

HEX codes (sorted): #1C685E, #36C8B6, #4E4E4E, #7C7C7C, #BCBCBC, #F4FCFB

Palette User flow wireframes user story colours combines 6 color codes:

HEX: #36c8b6, RGB: (54, 200, 182); HEX: #f4fcfb, RGB: (244, 252, 251); HEX: #1c685e, RGB: (28, 104, 94)

HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #4e4e4e, RGB: (78, 78, 78)

Simplified version of palette colors

Shade of Medium Turquoise, Shade of Mint Cream, Shade of Teal, Shade of Grey, Shade of Silver, Shade of Dim Gray

Color scheme was created by colorswall

Color codes in palette

User flow wireframes user story colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#36c8b6	#36c8b6	RGB(54, 200, 182)	—	—
#f4fcfb	#f4fcfb	RGB(244, 252, 251)	—	—
#1c685e	#1c685e	RGB(28, 104, 94)	—	—
#7c7c7c	#7c7c7c	RGB(124, 124, 124)	—	—
#bcbcbc	#bcbcbc	RGB(188, 188, 188)	—	—
#4e4e4e	#4e4e4e	RGB(78, 78, 78)	—	—

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