Dark light design data interface kpi

Mountain Meadow
#22bf96
Pastel Blue
#a1c7d4
Salem
#147058
Dark Brown-Tangelo
#946852
Dark Vanilla
#c9bda5
Outer Space
#424f50

The palette consists of Light, Semi dark colors. Accent colors Mountain Meadow #22bf96 and Dark Brown-Tangelo #946852. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #147058 (darkest) to #A1C7D4 (lightest). The lightness range is moderate.

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): #147058, #22BF96, #424F50, #946852, #A1C7D4, #C9BDA5

Palette Dark light design data interface kpi has combination of 6 codes colors:

HEX: #22bf96, RGB: (34, 191, 150); HEX: #a1c7d4, RGB: (161, 199, 212); HEX: #147058, RGB: (20, 112, 88)

HEX: #946852, RGB: (148, 104, 82); HEX: #c9bda5, RGB: (201, 189, 165); HEX: #424f50, RGB: (66, 79, 80)

Simplified version of palette colors

Tint of mediumaquamarine, Tint of lightblue, Tint of Teal, Shade of sienna, Shade of tan, Shade of darkslategrey

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Dark light design data interface kpi color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#22bf96	#22bf96	RGB(34, 191, 150)	Mountain Meadow	—
#a1c7d4	#a1c7d4	RGB(161, 199, 212)	Pastel Blue	—
#147058	#147058	RGB(20, 112, 88)	Salem	—
#946852	#946852	RGB(148, 104, 82)	Dark Brown-Tangelo	—
#c9bda5	#c9bda5	RGB(201, 189, 165)	Dark Vanilla	—
#424f50	#424f50	RGB(66, 79, 80)	Outer Space	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#22bf96	#a1c7d4	1.29
#22bf96	#c9bda5	1.26
#a1c7d4	#c9bda5	1.02
#147058	#946852	1.25
#147058	#424f50	1.41
#946852	#424f50	1.76

Image palette Dark light design data interface kpi png

Dark light design data interface kpi - #200062

--color-mountain-meadow:	#22bf96;
--color-pastel-blue:	#a1c7d4;
--color-salem:	#147058;
--color-dark-brown-tangelo:	#946852;
--color-dark-vanilla:	#c9bda5;
--color-outer-space:	#424f50;

$color-mountain-meadow:	#22bf96;
$color-pastel-blue:	#a1c7d4;
$color-salem:	#147058;
$color-dark-brown-tangelo:	#946852;
$color-dark-vanilla:	#c9bda5;
$color-outer-space:	#424f50;

@color-mountain-meadow:	#22bf96;
@color-pastel-blue:	#a1c7d4;
@color-salem:	#147058;
@color-dark-brown-tangelo:	#946852;
@color-dark-vanilla:	#c9bda5;
@color-outer-space:	#424f50;