Pastel

Palette information

Green

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#abe6ce	rgb(171, 230, 206)	hsl(156, 54%, 79%)	hwb(156 67% 10%)	hsv 156°, 26%, 90%	cmyk 26%, 0%, 10%, 10%	Pantone 331C
#dcedc2	rgb(220, 237, 194)	hsl(84, 54%, 85%)	hwb(84 76% 7%)	hsv 84°, 18%, 93%	cmyk 7%, 0%, 18%, 7%	Pantone 580C
#ffd3be	rgb(255, 211, 190)	hsl(19, 100%, 87%)	hwb(19 75% 0%)	hsv 19°, 25%, 100%	cmyk 0%, 17%, 25%, 0%	Pantone 475C
#ffaaa6	rgb(255, 170, 166)	hsl(3, 100%, 83%)	hwb(3 65% 0%)	hsv 3°, 35%, 100%	cmyk 0%, 33%, 35%, 0%	Pantone 169C
#ff8c94	rgb(255, 140, 148)	hsl(356, 100%, 77%)	hwb(356 55% 0%)	hsv 356°, 45%, 100%	cmyk 0%, 45%, 42%, 0%	Pantone 177C

Click a color format to copy to your clipboard.

White background Black background

#abe6ce

1.4

#dcedc2

1.2

#ffd3be

1.4

#dcedc2

1.8

#dcedc2

2.2

Color blindness filter

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

Android color codes


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


                <color name="Pastel_2">#dcedc2</color>


                <color name="Pastel_3">#ffd3be</color>


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


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

Flutter color codes


                const Pastel1 = Color(0xFFabe6ce);


                const Pastel2 = Color(0xFFdcedc2);


                const Pastel3 = Color(0xFFffd3be);


                const Pastel4 = Color(0xFFffaaa6);


                const Pastel5 = Color(0xFFff8c94);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator