Quantum Flow Mobile Experience

Pulse Violet
#9d4edd
Hyper Sky
#4895ef
Data Gold
#ffd166
Code Ink
#1a1a1a
Interface Ivory
#fffdf6
Link Green
#80ed99

The palette consists of Light, Dark colors. Accent colors Hyper Sky #4895ef and Interface Ivory #fffdf6. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1A1A1A (darkest) to #FFFDF6 (lightest). The lightness range is wide.

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): #1A1A1A, #4895EF, #80ED99, #9D4EDD, #FFD166, #FFFDF6

Palette Quantum Flow Mobile Experience has combination of 6 codes colors:

HEX: #9d4edd, RGB: (157, 78, 221); HEX: #4895ef, RGB: (72, 149, 239); HEX: #ffd166, RGB: (255, 209, 102)

HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #fffdf6, RGB: (255, 253, 246); HEX: #80ed99, RGB: (128, 237, 153)

Simplified version of palette colors

Shade of darkorchid, Shade of dodgerblue, Shade of gold, Shade of Black, Shade of floralwhite, Tint of lightgreen

Color scheme was created by colorstudio

More palettes with:

Colors codes in palette

Quantum Flow Mobile Experience color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#9d4edd	#9d4edd	RGB(157, 78, 221)	Pulse Violet	—
#4895ef	#4895ef	RGB(72, 149, 239)	Hyper Sky	—
#ffd166	#ffd166	RGB(255, 209, 102)	Data Gold	—
#1a1a1a	#1a1a1a	RGB(26, 26, 26)	Code Ink	Gray10
#fffdf6	#fffdf6	RGB(255, 253, 246)	Interface Ivory	—
#80ed99	#80ed99	RGB(128, 237, 153)	Link Green	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#9d4edd	#4895ef	1.49
#ffd166	#fffdf6	1.41
#ffd166	#80ed99	1
#fffdf6	#80ed99	1.42

Image palette Quantum Flow Mobile Experience png

Quantum Flow Mobile Experience - #562441

--color-pulse-violet:	#9d4edd;
--color-hyper-sky:	#4895ef;
--color-data-gold:	#ffd166;
--color-code-ink:	#1a1a1a;
--color-interface-ivory:	#fffdf6;
--color-link-green:	#80ed99;

$color-pulse-violet:	#9d4edd;
$color-hyper-sky:	#4895ef;
$color-data-gold:	#ffd166;
$color-code-ink:	#1a1a1a;
$color-interface-ivory:	#fffdf6;
$color-link-green:	#80ed99;

@color-pulse-violet:	#9d4edd;
@color-hyper-sky:	#4895ef;
@color-data-gold:	#ffd166;
@color-code-ink:	#1a1a1a;
@color-interface-ivory:	#fffdf6;
@color-link-green:	#80ed99;