Serverless Web Component Grid

API Fog
#e8e8e8
Deploy Grey
#9ca3af
Cloud Black
#121212
Lambda Violet
#b5a7f5
Trigger Lime
#d2ff4c
Response White
#ffffff

The palette consists of Light, Dark colors. Accent colors Lambda Violet #b5a7f5 and Trigger Lime #d2ff4c. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #121212 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma).

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Overall temperature among swatches leans cool.

HEX codes (sorted): #121212, #9CA3AF, #B5A7F5, #D2FF4C, #E8E8E8, #FFFFFF

Palette Serverless Web Component Grid has combination of 6 codes colors:

HEX: #e8e8e8, RGB: (232, 232, 232); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #121212, RGB: (18, 18, 18)

HEX: #b5a7f5, RGB: (181, 167, 245); HEX: #d2ff4c, RGB: (210, 255, 76); HEX: #ffffff, RGB: (255, 255, 255)

Simplified version of palette colors

Shade of gainsboro, Tint of darkgrey, Shade of Black, Tint of lightsteelblue, Shade of greenyellow, White

Color scheme was created by bad_colors

More palettes with:

Colors codes in palette

Serverless Web Component Grid color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#e8e8e8	#e8e8e8	RGB(232, 232, 232)	API Fog	Unicorn Silver
#9ca3af	#9ca3af	RGB(156, 163, 175)	Deploy Grey	—
#121212	#121212	RGB(18, 18, 18)	Cloud Black	Dark Tone Ink
#b5a7f5	#b5a7f5	RGB(181, 167, 245)	Lambda Violet	—
#d2ff4c	#d2ff4c	RGB(210, 255, 76)	Trigger Lime	—
#ffffff	#ffffff	RGB(255, 255, 255)	Response White	White

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#e8e8e8	#b5a7f5	1.74
#e8e8e8	#d2ff4c	1.05
#e8e8e8	#ffffff	1.22
#9ca3af	#b5a7f5	1.18
#b5a7f5	#d2ff4c	1.84
#d2ff4c	#ffffff	1.15

Image palette Serverless Web Component Grid png

--color-api-fog:	#e8e8e8;
--color-deploy-grey:	#9ca3af;
--color-cloud-black:	#121212;
--color-lambda-violet:	#b5a7f5;
--color-trigger-lime:	#d2ff4c;
--color-response-white:	#ffffff;

$color-api-fog:	#e8e8e8;
$color-deploy-grey:	#9ca3af;
$color-cloud-black:	#121212;
$color-lambda-violet:	#b5a7f5;
$color-trigger-lime:	#d2ff4c;
$color-response-white:	#ffffff;

@color-api-fog:	#e8e8e8;
@color-deploy-grey:	#9ca3af;
@color-cloud-black:	#121212;
@color-lambda-violet:	#b5a7f5;
@color-trigger-lime:	#d2ff4c;
@color-response-white:	#ffffff;