Created at 04/27/2022 14:38

App design loop ui colors palette

The palette consists of Light colors. Accent colors Aquamarine #63f9cb and Deep Green-Cyan Turquoise #1b7d64. Palette has Cool colors temperature.

By lightness, this palette runs from #3E4046 (darkest) to #84E4CC (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1B7D64, #34AC8C, #3E4046, #4E8E7C, #63F9CB, #84E4CC

Palette App design loop ui colors palette has combination of 6 codes colors:

HEX: #63f9cb, RGB: (99, 249, 203); HEX: #84e4cc, RGB: (132, 228, 204); HEX: #34ac8c, RGB: (52, 172, 140)

HEX: #4e8e7c, RGB: (78, 142, 124); HEX: #1b7d64, RGB: (27, 125, 100); HEX: #3e4046, RGB: (62, 64, 70)

Simplified version of palette colors

Tint of aquamarine, Shade of turquoise, Tint of mediumseagreen, Shade of darkcyan, Tint of seashell, Tint of darkslategrey

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

App design loop ui colors palette color codes HEX, RGB information in table

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

--color-aquamarine:	#63f9cb;
--color-middle-blue-green:	#84e4cc;
--color-zomp:	#34ac8c;
--color-wintergreen-dream:	#4e8e7c;
--color-deep-green-cyan-turquoise:	#1b7d64;
--color-arsenic:	#3e4046;

$color-aquamarine:	#63f9cb;
$color-middle-blue-green:	#84e4cc;
$color-zomp:	#34ac8c;
$color-wintergreen-dream:	#4e8e7c;
$color-deep-green-cyan-turquoise:	#1b7d64;
$color-arsenic:	#3e4046;

@color-aquamarine:	#63f9cb;
@color-middle-blue-green:	#84e4cc;
@color-zomp:	#34ac8c;
@color-wintergreen-dream:	#4e8e7c;
@color-deep-green-cyan-turquoise:	#1b7d64;
@color-arsenic:	#3e4046;