#31b188

#7ace68

#ffc871

#ffe382

#ffeeb0

Palm

#31b188

#7ace68

#ffc871

#ffe382

#ffeeb0



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#31b188	rgb(49, 177, 136)	hsl(160 57% 44%)	hwb(160 19% 31%)	lch(64.7 44.6 166)	lab(64.7 -43.4 10.7)	cmyk 72%, 0%, 23%, 31%
	#7ace68	rgb(122, 206, 104)	hsl(110 51% 61%)	hwb(110 41% 19%)	lch(75.7 58.9 134)	lab(75.7 -41.2 42)	cmyk 41%, 0%, 50%, 19%
	#ffc871	rgb(255, 200, 113)	hsl(37 100% 72%)	hwb(37 44% 0%)	lch(84.3 52.5 75.5)	lab(84.3 13.2 50.8)	cmyk 0%, 22%, 56%, 0%
	#ffe382	rgb(255, 227, 130)	hsl(47 100% 75%)	hwb(47 51% 0%)	lch(91.1 50.7 88.8)	lab(91.1 1.06 50.7)	cmyk 0%, 11%, 49%, 0%
	#ffeeb0	rgb(255, 238, 176)	hsl(47 100% 85%)	hwb(47 69% 0%)	lch(94.4 32.3 91.2)	lab(94.4 -0.667 32.3)	cmyk 0%, 7%, 31%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#31b188

AA - 2.7



#7ace68

AA - 1.93



#ffc871

AA - 1.52



#ffe382

AA - 1.26



#ffeeb0

AA - 1.15



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(68.2% -0.122 0.029), oklab(77.4% -0.123 0.103), oklab(86.4% 0.027 0.119), oklab(91.9% -0.008 0.121), oklab(94.8% -0.006 0.081))

Fallback colors



background: linear-gradient(45deg, #31b188, #7ace68, #ffc871, #ffe382, #ffeeb0)

Colors



<!-- Primary Colors -->
<color name="palm_color_10">#31b188</color>
<color name="palm_color_20">#7ace68</color>
<color name="palm_color_30">#ffc871</color>
<color name="palm_color_40">#ffe382</color>
<color name="palm_color_50">#ffeeb0</color>

PWA prompt