Figma design experiment ui colors

0.18k

Created at 08/18/2021 17:44

The palette consists of Light, Semi dark, Dark colors. Accent colors #f6d499 and #15406c. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #131C24 (darkest) to #F6D499 (lightest). The lightness range is wide.

Saturation is mixed — 2 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 cool (4 of 6).

HEX codes (sorted): #131C24, #15406C, #4CD1B6, #6682A6, #9898BA, #F6D499

Palette Figma design experiment ui colors combines 6 color codes:

HEX: #4cd1b6, RGB: (76, 209, 182); HEX: #f6d499, RGB: (246, 212, 153); HEX: #15406c, RGB: (21, 64, 108)

HEX: #6682a6, RGB: (102, 130, 166); HEX: #9898ba, RGB: (152, 152, 186); HEX: #131c24, RGB: (19, 28, 36)

Simplified version of palette colors

Shade of Medium Aquamarine, Shade of Navajo White, Shade of Dark Slate Blue, Tint of Steel Blue, Tint of Light Slate Gray, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Figma design experiment ui colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#4cd1b6	#4cd1b6	RGB(76, 209, 182)	—	—
#f6d499	#f6d499	RGB(246, 212, 153)	—	—
#15406c	#15406c	RGB(21, 64, 108)	—	—
#6682a6	#6682a6	RGB(102, 130, 166)	—	—
#9898ba	#9898ba	RGB(152, 152, 186)	—	—
#131c24	#131c24	RGB(19, 28, 36)	—	—

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