High Fidelity UX Model Lab

Crisp Orange
#ffa552
Blueprint Sky
#89cff0
Active Graphite
#333333
Surface Eggshell
#fcf6f5
Accent Violet
#b497bd

The palette consists of Light colors. Accent colors Crisp Orange #ffa552 and Blueprint Sky #89cff0. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #333333 (darkest) to #FCF6F5 (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): #333333, #89CFF0, #B497BD, #FCF6F5, #FFA552

Palette High Fidelity UX Model Lab has combination of 5 codes colors:

HEX: #ffa552, RGB: (255, 165, 82); HEX: #89cff0, RGB: (137, 207, 240); HEX: #333333, RGB: (51, 51, 51)

HEX: #fcf6f5, RGB: (252, 246, 245); HEX: #b497bd, RGB: (180, 151, 189)

Simplified version of palette colors

Shade of sandybrown, Shade of skyblue, Shade of Black, Tint of snow, Tint of plum

Color scheme was created by colorstudio

More palettes with:

Colors codes in palette

High Fidelity UX Model Lab color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#ffa552	#ffa552	RGB(255, 165, 82)	Crisp Orange	—
#89cff0	#89cff0	RGB(137, 207, 240)	Blueprint Sky	Pool Tiles
#333333	#333333	RGB(51, 51, 51)	Active Graphite	Carbon
#fcf6f5	#fcf6f5	RGB(252, 246, 245)	Surface Eggshell	—
#b497bd	#b497bd	RGB(180, 151, 189)	Accent Violet	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#ffa552	#89cff0	1.13
#ffa552	#fcf6f5	1.82
#ffa552	#b497bd	1.32
#89cff0	#fcf6f5	1.6
#89cff0	#b497bd	1.51

Image palette High Fidelity UX Model Lab png

--color-crisp-orange:	#ffa552;
--color-blueprint-sky:	#89cff0;
--color-active-graphite:	#333333;
--color-surface-eggshell:	#fcf6f5;
--color-accent-violet:	#b497bd;

$color-crisp-orange:	#ffa552;
$color-blueprint-sky:	#89cff0;
$color-active-graphite:	#333333;
$color-surface-eggshell:	#fcf6f5;
$color-accent-violet:	#b497bd;

@color-crisp-orange:	#ffa552;
@color-blueprint-sky:	#89cff0;
@color-active-graphite:	#333333;
@color-surface-eggshell:	#fcf6f5;
@color-accent-violet:	#b497bd;