Wireframe ux dropdown sub menu colors palette

Very Light Blue
#6159f0
Maximum Blue Purple
#9d9dea
Dark Imperial Blue
#100a79
Liver Chestnut
#90705c
Wild Blue Yonder
#b0aad4
Deep Koamaru
#2f2e5b

The palette consists of Light, Dark colors. Accent colors Dark Imperial Blue #100a79 and Liver Chestnut #90705c. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #100A79 (darkest) to #9D9DEA (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #100A79, #2F2E5B, #6159F0, #90705C, #9D9DEA, #B0AAD4

Palette Wireframe ux dropdown sub menu colors palette has combination of 6 codes colors:

HEX: #6159f0, RGB: (97, 89, 240); HEX: #9d9dea, RGB: (157, 157, 234); HEX: #100a79, RGB: (16, 10, 121)

HEX: #90705c, RGB: (144, 112, 92); HEX: #b0aad4, RGB: (176, 170, 212); HEX: #2f2e5b, RGB: (47, 46, 91)

Simplified version of palette colors

Shade of slateblue, Shade of cornflowerblue, Shade of Navy, Shade of sienna, Tint of thistle, Shade of midnightblue

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Wireframe ux dropdown sub menu colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#6159f0	#6159f0	RGB(97, 89, 240)	Very Light Blue	—
#9d9dea	#9d9dea	RGB(157, 157, 234)	Maximum Blue Purple	—
#100a79	#100a79	RGB(16, 10, 121)	Dark Imperial Blue	—
#90705c	#90705c	RGB(144, 112, 92)	Liver Chestnut	—
#b0aad4	#b0aad4	RGB(176, 170, 212)	Wild Blue Yonder	—
#2f2e5b	#2f2e5b	RGB(47, 46, 91)	Deep Koamaru	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#6159f0	#90705c	1.11
#9d9dea	#90705c	1.81
#9d9dea	#b0aad4	1.13
#100a79	#2f2e5b	1.23

--color-very-light-blue:	#6159f0;
--color-maximum-blue-purple:	#9d9dea;
--color-dark-imperial-blue:	#100a79;
--color-liver-chestnut:	#90705c;
--color-wild-blue-yonder:	#b0aad4;
--color-deep-koamaru:	#2f2e5b;

$color-very-light-blue:	#6159f0;
$color-maximum-blue-purple:	#9d9dea;
$color-dark-imperial-blue:	#100a79;
$color-liver-chestnut:	#90705c;
$color-wild-blue-yonder:	#b0aad4;
$color-deep-koamaru:	#2f2e5b;

@color-very-light-blue:	#6159f0;
@color-maximum-blue-purple:	#9d9dea;
@color-dark-imperial-blue:	#100a79;
@color-liver-chestnut:	#90705c;
@color-wild-blue-yonder:	#b0aad4;
@color-deep-koamaru:	#2f2e5b;

Wireframe ux dropdown sub menu colors palette

Colors codes in palette

Color Palette Contrast

Image palette Wireframe ux dropdown sub menu colors palette png