Maple

Palette information

Brown

Green

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#8c443c	rgb(140, 68, 60)	hsl(6, 40%, 39%)	hwb(6 24% 45%)	hsv 6°, 57%, 55%	cmyk 0%, 51%, 57%, 45%	Pantone 181C
#e78c70	rgb(231, 140, 112)	hsl(14, 71%, 67%)	hwb(14 44% 9%)	hsv 14°, 52%, 91%	cmyk 0%, 39%, 52%, 9%	Pantone 486C
#f2a285	rgb(242, 162, 133)	hsl(16, 81%, 74%)	hwb(16 52% 5%)	hsv 16°, 45%, 95%	cmyk 0%, 33%, 45%, 5%	Pantone 1625C
#d3e4df	rgb(211, 228, 223)	hsl(162, 24%, 86%)	hwb(162 83% 11%)	hsv 162°, 7%, 89%	cmyk 7%, 0%, 2%, 11%	Pantone 621C
#0ca38b	rgb(12, 163, 139)	hsl(170, 86%, 34%)	hwb(170 5% 36%)	hsv 170°, 93%, 64%	cmyk 93%, 0%, 15%, 36%	Pantone 3268C

Click a color format to copy to your clipboard.

White background Black background

#8c443c

7.0

#e78c70

2.5

#f2a285

2.0

#e78c70

1.3

#e78c70

3.2

Color blindness filter

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

Android color codes


                <color name="Maple_1">#8c443c</color>


                <color name="Maple_2">#e78c70</color>


                <color name="Maple_3">#f2a285</color>


                <color name="Maple_4">#d3e4df</color>


                <color name="Maple_5">#0ca38b</color>

Flutter color codes


                const Maple1 = Color(0xFF8c443c);


                const Maple2 = Color(0xFFe78c70);


                const Maple3 = Color(0xFFf2a285);


                const Maple4 = Color(0xFFd3e4df);


                const Maple5 = Color(0xFF0ca38b);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator