Fractal UX Neural Passage

Fractal Orange
#ff7043
Neural Mint
#4db6ac
Passage Blue
#1e88e5
Backprop Violet
#7b1fa2
Journey White
#f5f5f5
Contrast Black
#121212

The palette consists of Light, Dark colors. Accent colors Fractal Orange #ff7043 and Passage Blue #1e88e5. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #121212 (darkest) to #F5F5F5 (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): #121212, #1E88E5, #4DB6AC, #7B1FA2, #F5F5F5, #FF7043

Palette Fractal UX Neural Passage has combination of 6 codes colors:

HEX: #ff7043, RGB: (255, 112, 67); HEX: #4db6ac, RGB: (77, 182, 172); HEX: #1e88e5, RGB: (30, 136, 229)

HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #121212, RGB: (18, 18, 18)

Simplified version of palette colors

Tint of coral, Shade of lightseagreen, Tint of dodgerblue, Shade of darkmagenta, Shade of Black

Color scheme was created by bad_colors

More palettes with:

Colors codes in palette

Fractal UX Neural Passage color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#ff7043	#ff7043	RGB(255, 112, 67)	Fractal Orange	—
#4db6ac	#4db6ac	RGB(77, 182, 172)	Neural Mint	—
#1e88e5	#1e88e5	RGB(30, 136, 229)	Passage Blue	—
#7b1fa2	#7b1fa2	RGB(123, 31, 162)	Backprop Violet	—
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Journey White	White Smoke
#121212	#121212	RGB(18, 18, 18)	Contrast Black	Dark Tone Ink

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#ff7043	#4db6ac	1.12
#ff7043	#1e88e5	1.34
#4db6ac	#1e88e5	1.5

Image palette Fractal UX Neural Passage png

--color-fractal-orange:	#ff7043;
--color-neural-mint:	#4db6ac;
--color-passage-blue:	#1e88e5;
--color-backprop-violet:	#7b1fa2;
--color-journey-white:	#f5f5f5;
--color-contrast-black:	#121212;

$color-fractal-orange:	#ff7043;
$color-neural-mint:	#4db6ac;
$color-passage-blue:	#1e88e5;
$color-backprop-violet:	#7b1fa2;
$color-journey-white:	#f5f5f5;
$color-contrast-black:	#121212;

@color-fractal-orange:	#ff7043;
@color-neural-mint:	#4db6ac;
@color-passage-blue:	#1e88e5;
@color-backprop-violet:	#7b1fa2;
@color-journey-white:	#f5f5f5;
@color-contrast-black:	#121212;