Grid styleguide uiguide uxdesign hex colors

0.2k

Created at 04/24/2020 12:31

The palette consists of Light, Semi dark colors. Accent colors #29f3bc and #81f7d7. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1E433C (darkest) to #81F7D7 (lightest). The lightness range is moderate.

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

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

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #1E433C, #216857, #29F3BC, #81F7D7, #84848C, #B2B2B5

Palette Grid styleguide uiguide uxdesign hex colors combines 6 color codes:

HEX: #29f3bc, RGB: (41, 243, 188); HEX: #81f7d7, RGB: (129, 247, 215); HEX: #216857, RGB: (33, 104, 87)

HEX: #84848c, RGB: (132, 132, 140); HEX: #b2b2b5, RGB: (178, 178, 181); HEX: #1e433c, RGB: (30, 67, 60)

Simplified version of palette colors

Shade of Aquamarine, Shade of Aquamarine, Shade of Teal, Tint of Grey, Tint of Dark Gray, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Grid styleguide uiguide uxdesign hex colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#29f3bc	#29f3bc	RGB(41, 243, 188)	—	—
#81f7d7	#81f7d7	RGB(129, 247, 215)	—	—
#216857	#216857	RGB(33, 104, 87)	—	—
#84848c	#84848c	RGB(132, 132, 140)	—	—
#b2b2b5	#b2b2b5	RGB(178, 178, 181)	—	—
#1e433c	#1e433c	RGB(30, 67, 60)	—	—

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