Popcorn Pause Monochromatic Color Scheme

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

#D0AB70

#E1CCA6

#F4EDE0

#F8F4ED

Color names and codes

Name	HEX	RGB	HSL	CMYK
More Maple	`#D0AB70`	208, 171, 112	37°, 51%, 63%	0, 18, 46, 18
Hearth	`#E1CCA6`	225, 204, 166	39°, 50%, 77%	0, 9, 26, 12
Popcorn Pause	`#F4EDE0`	244, 237, 224	39°, 48%, 92%	0, 3, 8, 4
Crystal Cut	`#F8F4ED`	248, 244, 237	38°, 44%, 95%	0, 2, 4, 3
Crystal Cut	`#F8F4ED`	248, 244, 237	38°, 44%, 95%	0, 2, 4, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D0AB70 on #F8F4ED	1.97:1	—
Aa #D0AB70 on #F8F4ED	1.97:1	—
Aa #D0AB70 on #F4EDE0	1.85:1	—
Aa #E1CCA6 on #F8F4ED	1.43:1	—
Aa #E1CCA6 on #F8F4ED	1.43:1	—
Aa #D0AB70 on #E1CCA6	1.37:1	—

CSS variables

:root {
  --color-1: #d0ab70; /* More Maple */
  --color-2: #e1cca6; /* Hearth */
  --color-3: #f4ede0; /* Popcorn Pause */
  --color-4: #f8f4ed; /* Crystal Cut */
  --color-5: #f8f4ed; /* Crystal Cut */
}

Other schemes from Popcorn Pause

More Very Light Orange monochromatic palettes

Questions

What colors go with Popcorn Pause?

In a monochromatic scheme: More Maple (#D0AB70), Hearth (#E1CCA6), Crystal Cut (#F8F4ED), Crystal Cut (#F8F4ED).

What is the hex code of Popcorn Pause?

#F4EDE0.