Mothy Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Mothy (#CEBBB3), each snapped to its nearest named color.

#8B6B58

#AC8E84

#CEBBB3

#ECE4E2

#F5F0F1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mocha Madness	`#8B6B58`	139, 107, 88	22°, 22%, 45%	0, 23, 37, 45
Hollow Brown	`#AC8E84`	172, 142, 132	15°, 19%, 60%	0, 17, 23, 33
Mothy	`#CEBBB3`	206, 187, 179	18°, 22%, 75%	0, 9, 13, 19
Whimsical White	`#ECE4E2`	236, 228, 226	12°, 21%, 91%	0, 3, 4, 7
Plastic Clouds	`#F5F0F1`	245, 240, 241	348°, 20%, 95%	0, 2, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8B6B58 on #F5F0F1	4.29:1	AA large
Aa #8B6B58 on #ECE4E2	3.86:1	AA large
Aa #AC8E84 on #F5F0F1	2.68:1	—
Aa #8B6B58 on #CEBBB3	2.62:1	—
Aa #AC8E84 on #ECE4E2	2.41:1	—
Aa #AC8E84 on #CEBBB3	1.64:1	—

CSS variables

:root {
  --color-1: #8b6b58; /* Mocha Madness */
  --color-2: #ac8e84; /* Hollow Brown */
  --color-3: #cebbb3; /* Mothy */
  --color-4: #ece4e2; /* Whimsical White */
  --color-5: #f5f0f1; /* Plastic Clouds */
}

Other schemes from Mothy

More Light Orange monochromatic palettes

Questions

What colors go with Mothy?

In a monochromatic scheme: Mocha Madness (#8B6B58), Hollow Brown (#AC8E84), Whimsical White (#ECE4E2), Plastic Clouds (#F5F0F1).

What is the hex code of Mothy?

#CEBBB3.