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	OKLCH
More Maple	`#D0AB70`	208, 171, 112	37°, 51%, 63%	0, 18, 46, 18	76.1% 0.088 79
Hearth	`#E1CCA6`	225, 204, 166	39°, 50%, 77%	0, 9, 26, 12	85.3% 0.056 82
Popcorn Pause	`#F4EDE0`	244, 237, 224	39°, 48%, 92%	0, 3, 8, 4	94.8% 0.019 83
Crystal Cut	`#F8F4ED`	248, 244, 237	38°, 44%, 95%	0, 2, 4, 3	96.8% 0.010 82
Crystal Cut	`#F8F4ED`	248, 244, 237	38°, 44%, 95%	0, 2, 4, 3	96.8% 0.010 82

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 color schemes

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.