Created at 07/05/2025 19:35

Client Dashboard & Metrics UI

The palette consists of Light, Dark colors. Accent colors Report White #fafafa and Growth Blue #5ab2ff. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #202020 (darkest) to #FAFAFA (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma).

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Most swatches read as neutral in color temperature.

HEX codes (sorted): #202020, #5AB2FF, #7BE0D0, #AAAAAA, #FAFAFA

Palette Client Dashboard & Metrics UI has combination of 5 codes colors:

HEX: #7be0d0, RGB: (123, 224, 208); HEX: #fafafa, RGB: (250, 250, 250); HEX: #aaaaaa, RGB: (170, 170, 170)

HEX: #5ab2ff, RGB: (90, 178, 255); HEX: #202020, RGB: (32, 32, 32)

Simplified version of palette colors

Shade of turquoise, Shade of whitesmoke, Shade of darkgrey, Shade of deepskyblue, Shade of Black

Color scheme was created by raccoon

More palettes with:

Colors codes in palette

Client Dashboard & Metrics UI color codes HEX, RGB information in table

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

--color-session-teal:	#7be0d0;
--color-report-white:	#fafafa;
--color-metric-gray:	#aaaaaa;
--color-growth-blue:	#5ab2ff;
--color-performance-chart-black:	#202020;

$color-session-teal:	#7be0d0;
$color-report-white:	#fafafa;
$color-metric-gray:	#aaaaaa;
$color-growth-blue:	#5ab2ff;
$color-performance-chart-black:	#202020;

@color-session-teal:	#7be0d0;
@color-report-white:	#fafafa;
@color-metric-gray:	#aaaaaa;
@color-growth-blue:	#5ab2ff;
@color-performance-chart-black:	#202020;