Frontend Neural Design Mode

Prototype Sky
#90e0ef
CSS Rose
#fdc5f5
Dataset Steel
#6c757d
Input Cream
#fff8e7
Framework Indigo
#4c5b61
Output Black
#101010

The palette consists of Light, Semi dark, Dark colors. Accent colors Prototype Sky #90e0ef and Input Cream #fff8e7. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #101010 (darkest) to #FFF8E7 (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): #101010, #4C5B61, #6C757D, #90E0EF, #FDC5F5, #FFF8E7

Palette Frontend Neural Design Mode has combination of 6 codes colors:

HEX: #90e0ef, RGB: (144, 224, 239); HEX: #fdc5f5, RGB: (253, 197, 245); HEX: #6c757d, RGB: (108, 117, 125)

HEX: #fff8e7, RGB: (255, 248, 231); HEX: #4c5b61, RGB: (76, 91, 97); HEX: #101010, RGB: (16, 16, 16)

Simplified version of palette colors

Tint of powderblue, Shade of thistle, Tint of slategrey, Shade of oldlace, Tint of dimgrey, Shade of Black

Color scheme was created by hex

More palettes with:

Colors codes in palette

Frontend Neural Design Mode color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#90e0ef	#90e0ef	RGB(144, 224, 239)	Prototype Sky	—
#fdc5f5	#fdc5f5	RGB(253, 197, 245)	CSS Rose	—
#6c757d	#6c757d	RGB(108, 117, 125)	Dataset Steel	Pompeii Ash
#fff8e7	#fff8e7	RGB(255, 248, 231)	Input Cream	Cosmic Latte
#4c5b61	#4c5b61	RGB(76, 91, 97)	Framework Indigo	—
#101010	#101010	RGB(16, 16, 16)	Output Black	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#90e0ef	#fdc5f5	1.02
#90e0ef	#fff8e7	1.4
#fdc5f5	#fff8e7	1.36
#6c757d	#4c5b61	1.5

Image palette Frontend Neural Design Mode png

--color-prototype-sky:	#90e0ef;
--color-css-rose:	#fdc5f5;
--color-dataset-steel:	#6c757d;
--color-input-cream:	#fff8e7;
--color-framework-indigo:	#4c5b61;
--color-output-black:	#101010;

$color-prototype-sky:	#90e0ef;
$color-css-rose:	#fdc5f5;
$color-dataset-steel:	#6c757d;
$color-input-cream:	#fff8e7;
$color-framework-indigo:	#4c5b61;
$color-output-black:	#101010;

@color-prototype-sky:	#90e0ef;
@color-css-rose:	#fdc5f5;
@color-dataset-steel:	#6c757d;
@color-input-cream:	#fff8e7;
@color-framework-indigo:	#4c5b61;
@color-output-black:	#101010;