Pastel

Palette information

tetrad

Green

Blue

Pink

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#cdf6d7	rgb(205, 246, 215)	hsl(135, 69%, 88%)	hwb(135 80% 4%)	hsv 135°, 17%, 96%	cmyk 17%, 0%, 13%, 4%	Pantone 573C
#8ceaa2	rgb(140, 234, 162)	hsl(134, 69%, 73%)	hwb(134 55% 8%)	hsv 134°, 40%, 92%	cmyk 40%, 0%, 31%, 8%	Pantone 353C
#8ca6ea	rgb(140, 166, 234)	hsl(223, 69%, 73%)	hwb(223 55% 8%)	hsv 223°, 40%, 92%	cmyk 40%, 29%, 0%, 8%	Pantone 2716C
#ea8cd5	rgb(234, 140, 213)	hsl(313, 69%, 73%)	hwb(313 55% 8%)	hsv 313°, 40%, 92%	cmyk 0%, 40%, 9%, 8%	Pantone 237C
#ead18c	rgb(234, 209, 140)	hsl(44, 69%, 73%)	hwb(44 55% 8%)	hsv 44°, 40%, 92%	cmyk 0%, 11%, 40%, 8%	Pantone 461C

Click a color format to copy to your clipboard.

White background Black background

#cdf6d7

1.2

#8ceaa2

1.5

#8ca6ea

2.4

#8ceaa2

2.3

#8ceaa2

1.5

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Pastel_1">#cdf6d7</color>


                <color name="Pastel_2">#8ceaa2</color>


                <color name="Pastel_3">#8ca6ea</color>


                <color name="Pastel_4">#ea8cd5</color>


                <color name="Pastel_5">#ead18c</color>

Flutter color codes


                const Pastel1 = Color(0xFFcdf6d7);


                const Pastel2 = Color(0xFF8ceaa2);


                const Pastel3 = Color(0xFF8ca6ea);


                const Pastel4 = Color(0xFFea8cd5);


                const Pastel5 = Color(0xFFead18c);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator