Retro UI Kit Neural Horizon

Retro Mint
#80cbc4
UI Indigo
#3f51b5
Horizon Orange
#ff7043
Neural Pink
#ec407a
Contrast Black
#111111

The palette consists of Light, Semi dark, Dark colors. Accent colors UI Indigo #3f51b5 and Horizon Orange #ff7043. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #111111 (darkest) to #80CBC4 (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #111111, #3F51B5, #80CBC4, #EC407A, #FF7043

Palette Retro UI Kit Neural Horizon has combination of 5 codes colors:

HEX: #80cbc4, RGB: (128, 203, 196); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ff7043, RGB: (255, 112, 67)

HEX: #ec407a, RGB: (236, 64, 122); HEX: #111111, RGB: (17, 17, 17)

Simplified version of palette colors

Shade of mediumturquoise, Tint of slateblue, Tint of coral, Shade of deeppink, Shade of Black

Color scheme was created by colorhunt

More palettes with:

Colors codes in palette

Retro UI Kit Neural Horizon color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#80cbc4	#80cbc4	RGB(128, 203, 196)	Retro Mint	—
#3f51b5	#3f51b5	RGB(63, 81, 181)	UI Indigo	—
#ff7043	#ff7043	RGB(255, 112, 67)	Horizon Orange	—
#ec407a	#ec407a	RGB(236, 64, 122)	Neural Pink	—
#111111	#111111	RGB(17, 17, 17)	Contrast Black	Dreamless Sleep

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#80cbc4	#ff7043	1.47
#3f51b5	#ec407a	1.82
#ff7043	#ec407a	1.37

Image palette Retro UI Kit Neural Horizon png

--color-retro-mint:	#80cbc4;
--color-ui-indigo:	#3f51b5;
--color-horizon-orange:	#ff7043;
--color-neural-pink:	#ec407a;
--color-contrast-black:	#111111;

$color-retro-mint:	#80cbc4;
$color-ui-indigo:	#3f51b5;
$color-horizon-orange:	#ff7043;
$color-neural-pink:	#ec407a;
$color-contrast-black:	#111111;

@color-retro-mint:	#80cbc4;
@color-ui-indigo:	#3f51b5;
@color-horizon-orange:	#ff7043;
@color-neural-pink:	#ec407a;
@color-contrast-black:	#111111;