#2a6638

#1d632c

#005c14

Forest Moon



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2a6638	rgb(42, 102, 56)	hsl(130 42% 28%)	hwb(130 16% 60%)	lch(38.3 35 145)	lab(38.3 -28.7 19.9)	cmyk 59%, 0%, 45%, 60%
	#1d632c	rgb(29, 99, 44)	hsl(130 55% 25%)	hwb(130 11% 61%)	lch(36.7 40.5 143)	lab(36.7 -32.3 24.4)	cmyk 71%, 0%, 56%, 61%
	#005c14	rgb(0, 92, 20)	hsl(130 100% 18%)	hwb(130 0% 64%)	lch(33.4 48.7 139)	lab(33.4 -36.6 32.1)	cmyk 100%, 0%, 78%, 64%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2a6638

AA - 6.87



#1d632c

AAA - 7.3



#005c14

AAA - 8.26



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(45.8% -0.083 0.05), oklab(44.3% -0.093 0.06), oklab(41.3% -0.106 0.075))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #2a6638, #1d632c, #005c14)

Colors



<!-- Primary Colors -->
<color name="forest_moon_color_10">#2a6638</color>
<color name="forest_moon_color_20">#1d632c</color>
<color name="forest_moon_color_30">#005c14</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt