Springtime Color Palette

#027d05

#58db5a

#d1ffd1

#d636d4

#ff8ffd

#027d05

#58db5a

#d1ffd1

#d636d4

#ff8ffd

Colors overview

 Green

 Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#027d05	rgb(2, 125, 5)	hsl(120 97% 25%)	hwb(120 0.78% 51%)	lch(45.3 65.9 135)	lab(45.3 -46.4 46.8)	cmyk 98%, 0%, 96%, 51%
	#58db5a	rgb(88, 219, 90)	hsl(120 65% 60%)	hwb(120 35% 14%)	lch(78.2 75.9 138)	lab(78.2 -56.3 50.9)	cmyk 60%, 0%, 59%, 14%
	#d1ffd1	rgb(209, 255, 209)	hsl(120 100% 91%)	hwb(120 82% 0%)	lch(95.9 27.5 142)	lab(95.9 -21.6 17)	cmyk 18%, 0%, 18%, 0%
	#d636d4	rgb(214, 54, 212)	hsl(300 66% 53%)	hwb(300 21% 16%)	lch(53.6 87.3 327)	lab(53.6 73.4 -47.3)	cmyk 0%, 75%, 1%, 16%
	#ff8ffd	rgb(255, 143, 253)	hsl(300 100% 78%)	hwb(300 56% 0%)	lch(74.8 65.5 326)	lab(74.8 54.4 -36.6)	cmyk 0%, 44%, 1%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#027d05

AA - 5.33



#58db5a

AA - 1.79



#d1ffd1

AA - 1.1



#d636d4

AA - 3.93



#ff8ffd

AA - 1.98



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(51.1% -0.137 0.104), oklab(79.1% -0.165 0.122), oklab(95.6% -0.063 0.044), oklab(63.4% 0.216 -0.132), oklab(80.6% 0.16 -0.101))

Fallback colors New



background: linear-gradient(45deg, #027d05, #58db5a, #d1ffd1, #d636d4, #ff8ffd)

Colors



<resources>
    <color name="springtime_100">#027d05</color>
    <color name="springtime_200">#58db5a</color>
    <color name="springtime_300">#d1ffd1</color>
    <color name="springtime_400">#d636d4</color>
    <color name="springtime_500">#ff8ffd</color>
</resources>

PWA prompt