Layer-2 Scaling Interface

Primary Cyan
#00ffe0
Rollup Blue
#0077ff
Transaction Coral
#ff6b61
Block Gray
#333333
Bridge Green
#00ff77
Validator Yellow
#fff500
Network Violet
#aa33ff

The palette consists of Light, Semi dark colors. Accent colors Validator Yellow #fff500 and Network Violet #aa33ff. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #333333 (darkest) to #FF6B61 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

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): #0077FF, #00FF77, #00FFE0, #333333, #AA33FF, #FF6B61, #FFF500

Palette Layer-2 Scaling Interface has combination of 7 codes colors:

HEX: #00ffe0, RGB: (0, 255, 224); HEX: #0077ff, RGB: (0, 119, 255); HEX: #ff6b61, RGB: (255, 107, 97)

HEX: #333333, RGB: (51, 51, 51); HEX: #00ff77, RGB: (0, 255, 119); HEX: #fff500, RGB: (255, 245, 0)

HEX: #aa33ff, RGB: (170, 51, 255)

Simplified version of palette colors

Tint of aquamarine, Tint of royalblue, Tint of salmon, Shade of Black, Tint of springgreen, Tint of Yellow, Shade of blueviolet

Color scheme was created by bad_colors

More palettes with:

Colors codes in palette

Layer-2 Scaling Interface color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#00ffe0	#00ffe0	RGB(0, 255, 224)	Primary Cyan	—
#0077ff	#0077ff	RGB(0, 119, 255)	Rollup Blue	Blue Sparkle
#ff6b61	#ff6b61	RGB(255, 107, 97)	Transaction Coral	—
#333333	#333333	RGB(51, 51, 51)	Block Gray	Carbon
#00ff77	#00ff77	RGB(0, 255, 119)	Bridge Green	Booger Buster
#fff500	#fff500	RGB(255, 245, 0)	Validator Yellow	—
#aa33ff	#aa33ff	RGB(170, 51, 255)	Network Violet	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#00ffe0	#00ff77	1.05
#00ffe0	#fff500	1.11
#0077ff	#ff6b61	1.48
#0077ff	#aa33ff	1.09
#ff6b61	#aa33ff	1.62
#00ff77	#fff500	1.17

Image palette Layer-2 Scaling Interface png

--color-primary-cyan:	#00ffe0;
--color-rollup-blue:	#0077ff;
--color-transaction-coral:	#ff6b61;
--color-block-gray:	#333333;
--color-bridge-green:	#00ff77;
--color-validator-yellow:	#fff500;
--color-network-violet:	#aa33ff;

$color-primary-cyan:	#00ffe0;
$color-rollup-blue:	#0077ff;
$color-transaction-coral:	#ff6b61;
$color-block-gray:	#333333;
$color-bridge-green:	#00ff77;
$color-validator-yellow:	#fff500;
$color-network-violet:	#aa33ff;

@color-primary-cyan:	#00ffe0;
@color-rollup-blue:	#0077ff;
@color-transaction-coral:	#ff6b61;
@color-block-gray:	#333333;
@color-bridge-green:	#00ff77;
@color-validator-yellow:	#fff500;
@color-network-violet:	#aa33ff;