Workplace gradient city work palette

Created at 10/31/2023 23:03

The palette consists of Dark colors. Accent colors Black #141414 and International Klein Blue #0028a0. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #141414 (darkest) to #0028A0 (lightest). The lightness range is relatively narrow.

Overall saturation feels vivid (higher chroma) — 83% of colors are vivid.

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

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

HEX codes (sorted): #000064, #000078, #00148C, #0028A0, #141414, #28288C

Palette Workplace gradient city work palette combines 6 color codes:

HEX: #141414, RGB: (20, 20, 20); HEX: #000064, RGB: (0, 0, 100); HEX: #000078, RGB: (0, 0, 120)

HEX: #00148c, RGB: (0, 20, 140); HEX: #0028a0, RGB: (0, 40, 160); HEX: #28288c, RGB: (40, 40, 140)

Simplified version of palette colors

Tint of Black, Shade of Navy, Shade of Navy, Tint of darkblue, Tint of mediumblue, Tint of midnightblue

Color scheme was created by colorstudio

Color codes in palette

Workplace gradient city work palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#000064	#000064	RGB(0, 0, 100)	Navy Blue	—
#000078	#000078	RGB(0, 0, 120)	Navy Blue	—
#00148c	#00148c	RGB(0, 20, 140)	Phthalo Blue	—
#0028a0	#0028a0	RGB(0, 40, 160)	International Klein Blue	—
#28288c	#28288c	RGB(40, 40, 140)	Cosmic Cobalt	—

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

--color-black:	#141414;
--color-navy-blue:	#000064;
--color-navy-blue:	#000078;
--color-phthalo-blue:	#00148c;
--color-international-klein-blue:	#0028a0;
--color-cosmic-cobalt:	#28288c;

$color-black:	#141414;
$color-navy-blue:	#000064;
$color-navy-blue:	#000078;
$color-phthalo-blue:	#00148c;
$color-international-klein-blue:	#0028a0;
$color-cosmic-cobalt:	#28288c;

@color-black:	#141414;
@color-navy-blue:	#000064;
@color-navy-blue:	#000078;
@color-phthalo-blue:	#00148c;
@color-international-klein-blue:	#0028a0;
@color-cosmic-cobalt:	#28288c;