Palm

Palette information

Green

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#31b188	rgb(49, 177, 136)	hsl(161, 57%, 44%)	hwb(161 19% 31%)	hsv 161°, 72%, 69%	cmyk 72%, 0%, 23%, 31%	Pantone 339C
#7ace68	rgb(122, 206, 104)	hsl(109, 51%, 61%)	hwb(109 41% 19%)	hsv 109°, 50%, 81%	cmyk 41%, 0%, 50%, 19%	Pantone 360C
#ffc871	rgb(255, 200, 113)	hsl(37, 100%, 72%)	hwb(37 44% 0%)	hsv 37°, 56%, 100%	cmyk 0%, 22%, 56%, 0%	Pantone 1355C
#ffe382	rgb(255, 227, 130)	hsl(47, 100%, 75%)	hwb(47 51% 0%)	hsv 47°, 49%, 100%	cmyk 0%, 11%, 49%, 0%	Pantone 1215C
#ffeeb0	rgb(255, 238, 176)	hsl(47, 100%, 85%)	hwb(47 69% 0%)	hsv 47°, 31%, 100%	cmyk 0%, 7%, 31%, 0%	Pantone 461C

Click a color format to copy to your clipboard.

White background Black background

#31b188

2.7

#7ace68

1.9

#ffc871

1.5

#7ace68

1.3

#7ace68

1.2

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Palm_1">#31b188</color>


                <color name="Palm_2">#7ace68</color>


                <color name="Palm_3">#ffc871</color>


                <color name="Palm_4">#ffe382</color>


                <color name="Palm_5">#ffeeb0</color>

Flutter color codes


                const Palm1 = Color(0xFF31b188);


                const Palm2 = Color(0xFF7ace68);


                const Palm3 = Color(0xFFffc871);


                const Palm4 = Color(0xFFffe382);


                const Palm5 = Color(0xFFffeeb0);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator