Autoencoder UX Studio Theme

Reconstruction Indigo
#726da8
Encoder Sky
#a8dadc
Decoder Coral
#ffb3ab
Noise Neutral Grey
#dadada
Loss Signal Yellow
#ffe59d
Dark Mode Base
#1c1c1c

The palette consists of Light, Dark colors. Accent colors Encoder Sky #a8dadc and Loss Signal Yellow #ffe59d. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1C1C1C (darkest) to #DADADA (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): #1C1C1C, #726DA8, #A8DADC, #DADADA, #FFB3AB, #FFE59D

Palette Autoencoder UX Studio Theme has combination of 6 codes colors:

HEX: #726da8, RGB: (114, 109, 168); HEX: #a8dadc, RGB: (168, 218, 220); HEX: #ffb3ab, RGB: (255, 179, 171)

HEX: #dadada, RGB: (218, 218, 218); HEX: #ffe59d, RGB: (255, 229, 157); HEX: #1c1c1c, RGB: (28, 28, 28)

Simplified version of palette colors

Shade of slateblue, Tint of powderblue, Tint of lightpink, Tint of gainsboro, Tint of moccasin, Shade of Black

Color scheme was created by colorslib

More palettes with:

Colors codes in palette

Autoencoder UX Studio Theme color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#726da8	#726da8	RGB(114, 109, 168)	Reconstruction Indigo	—
#a8dadc	#a8dadc	RGB(168, 218, 220)	Encoder Sky	—
#ffb3ab	#ffb3ab	RGB(255, 179, 171)	Decoder Coral	—
#dadada	#dadada	RGB(218, 218, 218)	Noise Neutral Grey	—
#ffe59d	#ffe59d	RGB(255, 229, 157)	Loss Signal Yellow	Hello Yellow
#1c1c1c	#1c1c1c	RGB(28, 28, 28)	Dark Mode Base	Gray11

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#a8dadc	#ffb3ab	1.11
#a8dadc	#dadada	1.09
#a8dadc	#ffe59d	1.23
#ffb3ab	#dadada	1.22
#ffb3ab	#ffe59d	1.37
#dadada	#ffe59d	1.12

Image palette Autoencoder UX Studio Theme png

--color-reconstruction-indigo:	#726da8;
--color-encoder-sky:	#a8dadc;
--color-decoder-coral:	#ffb3ab;
--color-noise-neutral-grey:	#dadada;
--color-loss-signal-yellow:	#ffe59d;
--color-dark-mode-base:	#1c1c1c;

$color-reconstruction-indigo:	#726da8;
$color-encoder-sky:	#a8dadc;
$color-decoder-coral:	#ffb3ab;
$color-noise-neutral-grey:	#dadada;
$color-loss-signal-yellow:	#ffe59d;
$color-dark-mode-base:	#1c1c1c;

@color-reconstruction-indigo:	#726da8;
@color-encoder-sky:	#a8dadc;
@color-decoder-coral:	#ffb3ab;
@color-noise-neutral-grey:	#dadada;
@color-loss-signal-yellow:	#ffe59d;
@color-dark-mode-base:	#1c1c1c;