Cloud Functions Dashboard Design

Log Stream Cyan
#89cff0
Deploy Shell Gray
#d8d8d8
Task Gold
#ffd95a
Request Pink
#ff9aa2
Data Center Black
#161616
Cache White
#fdfdfd

The palette consists of Light, Dark colors. Accent colors Log Stream Cyan #89cff0 and Task Gold #ffd95a. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #161616 (darkest) to #FDFDFD (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 warm.

HEX codes (sorted): #161616, #89CFF0, #D8D8D8, #FDFDFD, #FF9AA2, #FFD95A

Palette Cloud Functions Dashboard Design has combination of 6 codes colors:

HEX: #89cff0, RGB: (137, 207, 240); HEX: #d8d8d8, RGB: (216, 216, 216); HEX: #ffd95a, RGB: (255, 217, 90)

HEX: #ff9aa2, RGB: (255, 154, 162); HEX: #161616, RGB: (22, 22, 22); HEX: #fdfdfd, RGB: (253, 253, 253)

Simplified version of palette colors

Shade of skyblue, Shade of lightgrey, Shade of gold, Tint of lightpink, Shade of Black, Tint of White

Color scheme was created by coolor

More palettes with:

Colors codes in palette

Cloud Functions Dashboard Design color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#89cff0	#89cff0	RGB(137, 207, 240)	Log Stream Cyan	Pool Tiles
#d8d8d8	#d8d8d8	RGB(216, 216, 216)	Deploy Shell Gray	—
#ffd95a	#ffd95a	RGB(255, 217, 90)	Task Gold	—
#ff9aa2	#ff9aa2	RGB(255, 154, 162)	Request Pink	—
#161616	#161616	RGB(22, 22, 22)	Data Center Black	Pot Black
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Cache White	Brilliance

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#89cff0	#d8d8d8	1.2
#89cff0	#ffd95a	1.25
#89cff0	#ff9aa2	1.17
#89cff0	#fdfdfd	1.68
#d8d8d8	#ffd95a	1.04
#d8d8d8	#ff9aa2	1.41

Image palette Cloud Functions Dashboard Design png

Cloud Functions Dashboard Design - #551352

--color-log-stream-cyan:	#89cff0;
--color-deploy-shell-gray:	#d8d8d8;
--color-task-gold:	#ffd95a;
--color-request-pink:	#ff9aa2;
--color-data-center-black:	#161616;
--color-cache-white:	#fdfdfd;

$color-log-stream-cyan:	#89cff0;
$color-deploy-shell-gray:	#d8d8d8;
$color-task-gold:	#ffd95a;
$color-request-pink:	#ff9aa2;
$color-data-center-black:	#161616;
$color-cache-white:	#fdfdfd;

@color-log-stream-cyan:	#89cff0;
@color-deploy-shell-gray:	#d8d8d8;
@color-task-gold:	#ffd95a;
@color-request-pink:	#ff9aa2;
@color-data-center-black:	#161616;
@color-cache-white:	#fdfdfd;