Eucalyptus

Actions

Explore the gradient in different formats, and actions.

Green

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#aafada	rgb(170, 250, 218)	hsl(160 89% 82%)	hwb(160 67% 2%)	lch(92.5 31.3 167)	lab(92.5 -30.5 7.23)	cmyk 32%, 0%, 13%, 2%
	#77c7c4	rgb(119, 199, 196)	hsl(180 42% 62%)	hwb(180 47% 22%)	lch(75.1 27 194)	lab(75.1 -26.2 -6.65)	cmyk 40%, 0%, 2%, 22%

 Click a color format to copy to your clipboard.

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

#aafada

AA - 1.2



#77c7c4

AA - 1.95



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

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

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(92.5% -0.088 0.02), oklab(77.8% -0.077 -0.017))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #aafada, #77c7c4)

Colors



<!-- Primary Colors -->
<color name="eucalyptus_color_10">#aafada</color>
<color name="eucalyptus_color_20">#77c7c4</color>

Gradient PRO

Pro feature only

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

PWA prompt