Ui website figma navigation bar

0.45k

Created at 02/26/2021 15:53

The palette consists of Light, Semi dark colors. Accent colors #f1955c and #7c6bf2. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3D306E (darkest) to #D3C4D9 (lightest). The lightness range is moderate.

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

A varied palette: its hues are spread across about 143° of the color wheel.

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

HEX codes (sorted): #3C3C74, #3D306E, #544C93, #7C6BF2, #D3C4D9, #F1955C

Palette Ui website figma navigation bar combines 6 color codes:

HEX: #f1955c, RGB: (241, 149, 92); HEX: #7c6bf2, RGB: (124, 107, 242); HEX: #3d306e, RGB: (61, 48, 110)

HEX: #544c93, RGB: (84, 76, 147); HEX: #d3c4d9, RGB: (211, 196, 217); HEX: #3c3c74, RGB: (60, 60, 116)

Simplified version of palette colors

Shade of Sandy Brown, Tint of Medium Slate Blue, Shade of Dark Slate Blue, Tint of Dark Slate Blue, Tint of Thistle, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Ui website figma navigation bar color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#f1955c	#f1955c	RGB(241, 149, 92)	—	—
#7c6bf2	#7c6bf2	RGB(124, 107, 242)	—	—
#3d306e	#3d306e	RGB(61, 48, 110)	—	—
#544c93	#544c93	RGB(84, 76, 147)	—	—
#d3c4d9	#d3c4d9	RGB(211, 196, 217)	—	—
#3c3c74	#3c3c74	RGB(60, 60, 116)	—	—

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