#080b09

#25352c

#43604f

#618a73

#9cdfb9

Sage

#080b09

#25352c

#43604f

#618a73

#9cdfb9



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
	#080b09	rgb(8, 11, 9)	hsl(140 16% 3.7%)	hwb(140 3.1% 96%)	lch(2.8 1.14 155)	lab(2.8 -1.03 0.477)	cmyk 27%, 0%, 18%, 96%
	#25352c	rgb(37, 53, 44)	hsl(150 18% 18%)	hwb(150 15% 79%)	lch(20.5 9.28 158)	lab(20.5 -8.61 3.46)	cmyk 30%, 0%, 17%, 79%
	#43604f	rgb(67, 96, 79)	hsl(140 18% 32%)	hwb(140 26% 62%)	lch(38 15.5 157)	lab(38 -14.2 6.14)	cmyk 30%, 0%, 18%, 62%
	#618a73	rgb(97, 138, 115)	hsl(150 17% 46%)	hwb(150 38% 46%)	lch(53.9 20.1 158)	lab(53.9 -18.6 7.6)	cmyk 30%, 0%, 17%, 46%
	#9cdfb9	rgb(156, 223, 185)	hsl(150 51% 74%)	hwb(150 61% 13%)	lch(83.6 30.2 157)	lab(83.6 -27.9 11.6)	cmyk 30%, 0%, 17%, 13%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#080b09

AAA - 19.77



#25352c

AAA - 12.92



#43604f

AA - 6.94



#618a73

AA - 3.89



#9cdfb9

AA - 1.53



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(14.5% -0.006 0.003), oklab(31.2% -0.025 0.009), oklab(46.1% -0.041 0.016), oklab(59.6% -0.054 0.02), oklab(84.8% -0.08 0.031))

Fallback colors



background: linear-gradient(45deg, #080b09, #25352c, #43604f, #618a73, #9cdfb9)

Colors



<!-- Primary Colors -->
<color name="sage_color_10">#080b09</color>
<color name="sage_color_20">#25352c</color>
<color name="sage_color_30">#43604f</color>
<color name="sage_color_40">#618a73</color>
<color name="sage_color_50">#9cdfb9</color>

PWA prompt