Web design ui palette

Bright Navy Blue
#0e70e7
Azureish White
#cde1f4
Air Force Blue (USAF)
#042c8c
Rackley
#5e7e9e
Dark Vanilla
#d4bfb0
Outer Space
#3c5752

The palette consists of Semi dark, Light, Dark colors. Accent colors Air Force Blue (USAF) #042c8c and Dark Vanilla #d4bfb0. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #042C8C (darkest) to #CDE1F4 (lightest). The lightness range is wide.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #042C8C, #0E70E7, #3C5752, #5E7E9E, #CDE1F4, #D4BFB0

Palette Web design ui palette has combination of 6 codes colors:

HEX: #0e70e7, RGB: (14, 112, 231); HEX: #cde1f4, RGB: (205, 225, 244); HEX: #042c8c, RGB: (4, 44, 140)

HEX: #5e7e9e, RGB: (94, 126, 158); HEX: #d4bfb0, RGB: (212, 191, 176); HEX: #3c5752, RGB: (60, 87, 82)

Simplified version of palette colors

Tint of royalblue, Tint of aliceblue, Shade of midnightblue, Shade of steelblue, Shade of tan, Shade of darkslategrey

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Web design ui palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#0e70e7	#0e70e7	RGB(14, 112, 231)	Bright Navy Blue	—
#cde1f4	#cde1f4	RGB(205, 225, 244)	Azureish White	—
#042c8c	#042c8c	RGB(4, 44, 140)	Air Force Blue (USAF)	—
#5e7e9e	#5e7e9e	RGB(94, 126, 158)	Rackley	—
#d4bfb0	#d4bfb0	RGB(212, 191, 176)	Dark Vanilla	—
#3c5752	#3c5752	RGB(60, 87, 82)	Outer Space	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#0e70e7	#5e7e9e	1.1
#0e70e7	#3c5752	1.67
#cde1f4	#d4bfb0	1.31
#042c8c	#3c5752	1.53
#5e7e9e	#3c5752	1.85

Image palette Web design ui palette png

--color-bright-navy-blue:	#0e70e7;
--color-azureish-white:	#cde1f4;
--color-air-force-blue-usaf:	#042c8c;
--color-rackley:	#5e7e9e;
--color-dark-vanilla:	#d4bfb0;
--color-outer-space:	#3c5752;

$color-bright-navy-blue:	#0e70e7;
$color-azureish-white:	#cde1f4;
$color-air-force-blue-usaf:	#042c8c;
$color-rackley:	#5e7e9e;
$color-dark-vanilla:	#d4bfb0;
$color-outer-space:	#3c5752;

@color-bright-navy-blue:	#0e70e7;
@color-azureish-white:	#cde1f4;
@color-air-force-blue-usaf:	#042c8c;
@color-rackley:	#5e7e9e;
@color-dark-vanilla:	#d4bfb0;
@color-outer-space:	#3c5752;

Web design ui palette

Colors codes in palette

Color Palette Contrast

Image palette Web design ui palette png

Related color palettes