Ui gif interaction tasty palette

Electric Pink
#fb2c74
Orange-Yellow (Crayola)
#fccc68
Brown Chocolate
#5d1537
May Green
#5b9d4b
Dark Vanilla
#d4c0b4
Juice Violet
#442439

The palette consists of Semi dark, Light, Dark colors. Accent colors Electric Pink #fb2c74 and May Green #5b9d4b. Palette has Warm, Neutral colors temperature.

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

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 warm.

HEX codes (sorted): #442439, #5B9D4B, #5D1537, #D4C0B4, #FB2C74, #FCCC68

Palette Ui gif interaction tasty palette has combination of 6 codes colors:

HEX: #fb2c74, RGB: (251, 44, 116); HEX: #fccc68, RGB: (252, 204, 104); HEX: #5d1537, RGB: (93, 21, 55)

HEX: #5b9d4b, RGB: (91, 157, 75); HEX: #d4c0b4, RGB: (212, 192, 180); HEX: #442439, RGB: (68, 36, 57)

Simplified version of palette colors

Shade of deeppink, Shade of gold, Tint of Purple, Shade of forestgreen, Shade of Silver, Tint of Purple

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Ui gif interaction tasty palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fb2c74	#fb2c74	RGB(251, 44, 116)	Electric Pink	—
#fccc68	#fccc68	RGB(252, 204, 104)	Orange-Yellow (Crayola)	—
#5d1537	#5d1537	RGB(93, 21, 55)	Brown Chocolate	—
#5b9d4b	#5b9d4b	RGB(91, 157, 75)	May Green	—
#d4c0b4	#d4c0b4	RGB(212, 192, 180)	Dark Vanilla	—
#442439	#442439	RGB(68, 36, 57)	Juice Violet	—

Color Palette Contrast

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

Text Color	Background Color	Contrast Ratio
#fb2c74	#5b9d4b	1.11
#fccc68	#d4c0b4	1.16
#5d1537	#442439	1.04
#5b9d4b	#d4c0b4	1.88

Image palette Ui gif interaction tasty palette png

Ui gif interaction tasty palette - #200306

--color-electric-pink:	#fb2c74;
--color-orange-yellow-crayola:	#fccc68;
--color-brown-chocolate:	#5d1537;
--color-may-green:	#5b9d4b;
--color-dark-vanilla:	#d4c0b4;
--color-juice-violet:	#442439;

$color-electric-pink:	#fb2c74;
$color-orange-yellow-crayola:	#fccc68;
$color-brown-chocolate:	#5d1537;
$color-may-green:	#5b9d4b;
$color-dark-vanilla:	#d4c0b4;
$color-juice-violet:	#442439;

@color-electric-pink:	#fb2c74;
@color-orange-yellow-crayola:	#fccc68;
@color-brown-chocolate:	#5d1537;
@color-may-green:	#5b9d4b;
@color-dark-vanilla:	#d4c0b4;
@color-juice-violet:	#442439;