Palm

#3A5F0B

#588157

#DAD7CD

#A3B18A



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

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3a5f0b	rgb(58, 95, 11)	hsl(86 79% 21%)	hwb(86 4.3% 63%)	lch(36.3 45.5 122)	lab(36.3 -24.1 38.7)	cmyk 39%, 0%, 88%, 63%
	#588157	rgb(88, 129, 87)	hsl(120 19% 42%)	hwb(120 34% 49%)	lch(50.1 28.2 140)	lab(50.1 -21.6 18.1)	cmyk 32%, 0%, 33%, 49%
	#dad7cd	rgb(218, 215, 205)	hsl(46 15% 83%)	hwb(46 80% 15%)	lch(86 5.34 92.6)	lab(86 -0.239 5.33)	cmyk 0%, 1%, 6%, 15%
	#a3b18a	rgb(163, 177, 138)	hsl(82 20% 62%)	hwb(82 54% 31%)	lch(70.3 21 119)	lab(70.3 -10.3 18.3)	cmyk 8%, 0%, 22%, 31%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3A5F0B

AAA - 7.44



#588157

AA - 4.47



#DAD7CD

AA - 1.44



#A3B18A

AA - 2.27



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(44.1% -0.077 0.086), oklab(56.1% -0.063 0.046), oklab(87.9% -0.001 0.014), oklab(73.9% -0.031 0.047))

Fallback colors



background: linear-gradient(45deg, #3A5F0B, #588157, #DAD7CD, #A3B18A)

Colors



<!-- Primary Colors -->
<color name="palm_color_10">#3A5F0B</color>
<color name="palm_color_20">#588157</color>
<color name="palm_color_30">#DAD7CD</color>
<color name="palm_color_40">#A3B18A</color>

PWA prompt